私は現在、単一ページの Web サイト (互いの下に高さ 1300px の複数の DIV で構成されている) の全画面背景に CSS を使用しています。背景画像はページの表示部分でフルスクリーンですが、iPadでは機能しません。バックストレッチの問題は、このコードを含めると
<script>
$("#medias").backstretch("../images/bg-18.jpg");
私の「メディア」DIV内では、背景画像は私のDIVのフルサイズ(高さ1300 *幅)をカバーしていますが、ブラウザウィンドウのみをカバーしたいものではありません。どうもありがとう
CSS メソッドを使用した DIV の例:
#medias {
height: 1300px;
background: #8aba56;
padding-top: 150px;
background: url(../images/bg-18.jpg) no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
}