背景圖像不顯示在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來解釋這個例子。