我尝试谷歌寻求帮助,这似乎是铬的一个错误,但我仍然无法找到解决方案。我已经看过许多与此类似的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;
}
上看到它的外观
此外,我尝试删除背景位置,但仍然无法正常工作。
答案 0 :(得分:7)
如下所示:Fixed attachment background image flicker/disappear in chrome when coupled with a css transform
尝试仅更改为position:static
。
答案 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
属性。