iphone - iPad と iPhone でサイトの背景が表示されない

Question

iPad と iPhone で、サイトの背景が表示されません。他のすべてのブラウザでは正常に動作します (Safari、Chrome、IE、および Mozilla)。

私のcssコードは次のとおりです。

background:url(../photos/shutterstock2.jpg);
background-size:2800px 1500px;
background-repeat:no-repeat; 
background-color: #94C5EB;

Answer 1

これを試して：

html { 
    background: url(../photos/shutterstock2.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #94C5EB;
}

CSS3 の background-size プロパティのおかげで、純粋に CSS を介してこれを行うことができます。html 要素を使用します (常に少なくともブラウザー ウィンドウの高さであるため、body よりも優れています)。その上に固定された中央の背景を設定し、cover キーワードに設定された background-size を使用してサイズを調整します。

これにより、素晴らしく進歩的な CSS3 の方法が得られるはずです!