这是我在chrome中遇到的最奇怪的错误，不幸的是，由于法律限制，我无法向您展示示例图像，但我会尽可能好地解释它。
所以我正在构建这个网站，它可以无限滚动浏览视口大小的部分。在第一部分中，我有一个表格和一个位置固定在背景中的html5视频，然后是后续部分的简单背景图像，奇数部分带有background-attachment: fixed;，这在一定程度上产生了视差效果。
现在非常奇怪的是：一旦我聚焦了第一部分中的一个表单输入，所有具有background-attachment: fixed;的部分都会丢失其背景图像。。。它仍然在CSS规则中，但没有被渲染（只是白色）。
我尝试了几个类似问题的解决方案，比如这个SO线程或这个帖子。现在，第二个最有趣的事情是，如果我将-webkit-transform或-scale添加到具有固定bg图像的部分，那么问题会在没有任何聚焦的情况下立即发生。。。我真的想不通。
我希望有人能帮助我解决这个问题，因为有视差样的行为是非常重要的。
无论如何，这里有一个jsfiddle显示了这个问题，与我的页面上的不完全一样，但你可以看到错误，那里显示的是视频而不是图像，但在我的页面中，我将视频设置为滚动到达第二部分后的绝对位置，所以它只是白色的。。。
我也遇到过这个问题。
问题是，背景位置将使内容固定在基于浏览器窗口的那个位置。
对于视差效果，请尝试使用一些插件