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