1

jQuery を使用して、いくつかのdiv要素 (ラッピング内にあるdiv) に CSS スプライトを動的にロードしています。ほとんどの場合、これでうまくいきます。ただし、あるユーザーから、スプライトが単に表示されないことが通知されました。残念ながら、これはほとんど発生しないため、jsFiddle を作成するのは困難です。

PhoneGap Build でビルドしたアプリなので、webkit ブラウザを使ってアプリを表示します。スプライトと Android/Webkit ブラウザーに関して、この動作を引き起こす可能性のある既知の問題はありますか?

前もって感謝します！

編集:確かにいくつかのコードを表示できます。簡単にするために、1つの画像のみを使用しますdiv-(スプライトを取得します)

<div id="wrapper">
    <div id="image0"></div>
</div>

マークアップは

#wrapper div[id^="image"] {
    z-index: 10;
}

（多くのことをすべきではありません）スプライトは（ループ条件を編集して削除しました）で初期化されます

for (<i>) {
    $('#image' + i).css('background-image', 'url(img/myimage.png)')
           .css('background-size', (2*someVar) + 'px')
           .css('background-position', '0 -' + (2*i*someVar) + 'px');
}

別のコードでは、div のサイズが正しく設定されています。私が言ったように：私がテストしたところはどこでも問題なく動作しますが、あるユーザーは問題があると言いました.

4

2 に答える 2

2

問題は、スプライトがモバイル ブラウザで使用するには大きすぎることです。ファイルサイズまたは解像度のいずれかで。スプライトを 2 つのファイルに分割してみて、問題が解決するかどうかを確認してください。

スプライトが大きすぎるためにiOSに表示されないという同様の問題がありました。

于 2012-10-15T15:11:51.583 に答える