固定正文背景滚动与 iOS7 上的页面

Question

我使用以下 CSS 来创建固定的正文背景。它适用于几乎所有浏览器，除了新的 iOS7。在后者上，背景不再固定。它随页面滚动。知道如何解决这个问题吗？

     body {
       background-color: #000;
       background-image: url('../pics/backgrounds/blackWhite.jpg');
       background-repeat: no-repeat;
       background-position: center;
       background-attachment: fixed;
       webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
    }

干杯

原文由 Gloria 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我会尝试找到一些参考，但移动浏览器强制 background: scroll 因为重绘太贵了。

---

参考：

CSS - 背景图像无法在移动浏览器上正确显示

@PaulIrish 也注意到了这一点：

固定背景具有 巨大的 重绘成本并降低滚动性能，我相信这就是它被禁用的原因。

不过，有很多方法可以解决这个问题……但这不是一个快速的解决方法。看看下面的问题及其评论。

Android/Mobile Webkit CSS Background-Attachment:Fixed 不工作？

原文由 Labu 发布，翻译遵循 CC BY-SA 3.0 许可协议