html - 背景图像在 iPhone 上显示不正确(居中)

Question

这是我的CSS类

   .parallax {
         background: url(../images/indexParallax.png) no-repeat center center fixed; 
         display: table;
         height: 100%;
         position: relative;
         width: 100%;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         overflow: hidden;
}

在台式电脑和安卓手机上，这个视差可以正常显示。但是当涉及到 iPhone(4、5 和 6)时，就会出现问题。显示图像但未正确缩放背景图像。

有什么想法吗？谢谢。

Answer 1

我自己没有尝试过，但这是一个假定的解决方案

-webkit-background-size: 100%; 
-moz-background-size: 100%; 
-o-background-size: 100%; 
background-size: 100%; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

基本上，如果浏览器无法使用封面，那么它将求助于 100%，这应该会提供类似的结果。

background-size: cover; 是 bugged在 iOS 上