CSS背景附件固定修复铬67

Dig*_*id 10 css google-chrome parallax

嘿伙计们,我只是想发布一个关于任何视差背景图像的快速问题,该图像已经消失在新版本67 chrome更新上.

目前,我在网上找到了两个有效的修复程序.

有没有其他可能更好的工作,谁能让我知道为什么新版本的chrome 67正在使背景固定图像消失?

您可以将以下转换属性添加到包含具有固定附件的背景图像的元素中.参考(1)

yourdiv {
position:relative;
background-image:url(your_image);
background-size:cover;
background-position:center;
background-attachment:fixed;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
Run Code Online (Sandbox Code Playgroud)

或者您可以使用背景固定图像将元素的位置更改为静态.参考(2)

yourdiv {
position:static;
background-image:url(your_image);
background-size:cover;
background-position:center;
background-attachment:fixed;
}
Run Code Online (Sandbox Code Playgroud)

希望现在有所帮助,并提前感谢您发布的任何答案.

Che*_*zer 5

添加风格

will-change: transform;
background-attachment: fixed;
Run Code Online (Sandbox Code Playgroud)