background-attachment:谷歌浏览器中的固定闪烁

时间:2014-07-26 03:15:48

标签: 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

上看到它的外观

另外,我尝试删除背景位置,但仍无效。

2 个答案:

答案 0 :(得分:0)

尝试将属性/值-webkit-backface-visibility: hidden;添加到Chrome中闪烁的元素。

答案 1 :(得分:0)

啊,在你的#left-container和#right-container元素中添加一个肯定的z-index

z-index: 101;

另外请务必删除-webkit-backface-visibility: hidden;,否则无效。

对不起双重答复;我无法发表评论'直到我有更多的声誉。