修复了 chrome 67 的 CSS 背景附件

Question

我只是想发布一个关于在新版本 67 chrome 更新后消失的任何视差背景图像的快速问题。

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

还有其他的可能会更好吗，谁能告诉我为什么新版 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;