这是我遇到过的最奇怪的错误，不幸的是，由于法律限制，我无法向您展示示例图片，但我会尝试尽可能好地解释它。
所以我正在构建这个网站，它通过视口大小的部分进行无限滚动。在第一部分中，我有一个表格和一个html5视频，其位置固定在背景中，然后是后续部分的简单背景图像，带有background-attachment: fixed;的奇数部分，这给出了一些视差效果。
现在非常奇怪的是：只要我将第一部分中的一个表单输入聚焦，background-attachment: fixed;的所有部分都会丢失它们的背景图像......它仍然在CSS规则中但不是没有渲染（只是白色）。
我针对类似问题尝试了多种解决方案，例如this SO thread或this post。现在第二个最有趣的事情是，如果我将-webkit-transform或-scale添加到具有固定bg图像的部分，问题会立即发生而没有任何聚焦......我真的无法解决这个问题。< / p>
我希望有人可以帮我解决这个问题，因为这种视差行为非常重要。
这是一个显示问题的jsfiddle，不完全像我的页面，但你可以看到错误，显示的是视频而不是图像，但在我的页面上，我将视频设置为绝对位置滚动已到达第2部分，所以它只是白色......
答案 0 :(得分：0)
我也遇到过这个问题。
问题是背景位置会根据浏览器窗口将内容固定在该位置。
对于视差效果，请尝试使用一些插件