CSS背景附件固定修复Chrome 67

Question

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

目前，我在网上找到了两个有效的修复工具。

还有其他可能效果更好的人，任何人都可以让我知道为什么新版本的chrome 67会使背景固定图像消失吗？

您可以将以下转换属性添加到包含具有固定附件的背景图像的元素中。 reference(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);
}

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

yourdiv {
position:static;
background-image:url(your_image);
background-size:cover;
background-position:center;
background-attachment:fixed;
}

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

Answer 1

添加样式

will-change: transform;
background-attachment: fixed;