CSS背景附着属性在Chrome 67中无法固定的解决方法

Question

我只是想快速发布一个问题，关于在新版本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);
}

或者你可以将具有固定背景图像的元素的位置更改为静态。

参考(2)

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

希望这暂时能帮到您，感谢任何回答的提供。

- Digggid

---

Stack Overflow是一个问答网站。我建议您将帖子重新格式化为问题的形式并提交自己的答案。 - Chase Ingebritson

不错的解决方案，但是一个问答格式也会很好。 - Akber Iqbal

好的，我会把它编辑成问题形式。 - Digggid

Answer 1

添加样式

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

- Cheizer