0

CSS 背景画像の読み込みに失敗することがあります。これの原因は何ですか？

次のようなJavascriptコードがあります。

function progressBar(file_id) {

    pbar = ($("<div />").attr('id',file_id+"-statusicon").css({"background-image" : "url('../img/test-skip-icon.png')", "width" : "16px", "height" : "16px"}));
    $("#"+file_id+" .status").append(pbar);
}

そして、別の関数でそれを呼び出します:

progressBar(file_id);

問題は、画像が正しく読み込まれる場合と読み込まれない場合があることです。png 画像のサイズは約 9KB です。

何かご意見は？

4

1 に答える 1

1

その呼び出しが行われる前に画像を事前にロードして、画像がキャッシュにあることを確認することができます。画像のプリロードに関する記事は数多くあります。画像に data:uri を使用することを検討して、ファイル システムから読み込む必要がまったくないようにすることもできます - Mike McCaughan

于 2013-04-16T20:51:51.877 に答える