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;