Css 背景附件已修复,无法在chrome中工作

Css 背景附件已修复,无法在chrome中工作,css,google-chrome,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/traphous

我试过谷歌在这方面的帮助,这似乎是一个错误的铬,但我仍然找不到一个解决方案。我已经研究了许多类似的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;
}
你可以看到它的样子

此外,我尝试删除背景位置,但仍然不起作用。

如图所示:


尝试更改为
位置:仅限static

使用
位置:static可以正常工作

如果不起作用,请删除
位置
属性。

删除
溢出-y:滚动

body
为我解决了这个问题。

您可以保持您的位置不变,并将transform属性添加到背景图像元素中

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

尝试添加
背面可见性:隐藏。为我工作。

我使用Chrome for Mac 36.0.1985.125,工作正常。我删除了背景附件:固定和背景位置。该页面现在在chrome中看起来很好,只是我希望图像被修复,这样当你向下滚动时,bg图像就不会滚动了。但只需将背景位置更改为“静态”,留下附件,对你不起作用?其他人有什么建议吗?当我滚动时,我的背景图片和
背景附件:fixed
会立即消失<代码>位置:静态
为我修复了它。谢谢(不是
背景位置:静态
,这实际上不是一件事。)我没有解决它,尝试了各种解决方案,但都无济于事。铬很烂,我不知道为什么有人会用它。对我来说,这几乎和IE一样糟糕。在Android v64.0.3282的Chrome上测试,css position属性会影响内容,而背景附件只影响背景图像。我遇到了一个类似的问题,即视差背景没有出现。令人惊讶的是,添加了以下css规则解决了这个问题:
.wpv parallax bg img{overflow-y:scroll!important;}
我没有注意到任何意外的副作用,但这只在Chrome和Firefox中进行了审查。这仍然是2018年的事情。这是最好的答案;改变位置:静态有太多的缺点,并打乱了儿童的其他定位;这不影响其他任何事情。