背景图像不显示在IOS设备

Question

我有几个div背景图像，但没有任何显示在任何iOS设备（iphone + ipad）。它适用于其他地方。

我已经将照片的大小降低为635 x 635.我不确定这是图像还是与CSS的问题。不幸的是我不能发布链接到实际的图像。但这里是我有的代码示例：

图像的URL由Thumbor生成。

.section { 
 
    position: relative; 
 
    width: 100%; 
 
    min-height: 100%; 
 
    padding-left: 10%; 
 
    display: block; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
    padding-top: auto; 
 
    padding-left: 0% !important; 
 
} 
 
.caption { 
 
    margin: 5%; 
 
}

<section class="section" id="image_text3" style="background: url(//placehold.it/635/635) no-repeat fixed top;"> 
 
    <div class="caption"> 
 
    <p>caption</p> 
 
    </div> 
 
</section>

Answer 1

我想，如果在所有我给你确切的解决方案，贡献我的一部分了这个问题。

http://caniuse.com/#search=background-image表明iOS在background-size：cover属性方面存在一些问题。

Answer 2

我刚刚回答了一个类似的问题。看看this question的答案。我也用did a blogpost on it来解释这个例子。