后台附件固定不在chrome中工作

时间:2014-07-23 03:44:10

标签: css google-chrome

我尝试谷歌寻求帮助,这似乎是铬的一个错误,但我仍然无法找到解决方案。我已经看过许多与此类似的stackoverflow问题,但这些解决方案仍然没有帮助。

当我尝试向下滚动页面时,背景图像会闪烁并混乱。 我在Ubuntu桌面上使用Google Chrome版本35.0.1916.153

CSS代码:

#left-container {
background-image: url('http://easource.com/wp-content/uploads/2014/07/traphouse4.jpg');
background-attachment: fixed;
background-position: -1% 0%;
background-repeat: repeat-y;
cursor: pointer;
}

您可以在http://easource.com

上看到它的外观

此外,我尝试删除背景位置,但仍然无法正常工作。

5 个答案:

答案 0 :(得分:7)

答案 1 :(得分:3)

您可以按原样保持位置,并将transform属性添加到背景图像元素中。

transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);

答案 2 :(得分:2)

删除overflow-y: scroll; 来自body为我解决了这个问题。

答案 3 :(得分:2)

尝试添加backface-visibility: hidden;。为我工作。

答案 4 :(得分:1)

使用position:static可以正常工作; 如果它不起作用,请删除position属性。