私はこれまでにこのようなことに遭遇したことがないので、他の誰かが私に説明してくれることを願っています.
Adsense バナーを含むサイトで作業しています。それらがローカルホストやテスト アカウントに表示されないようにするために、CSS ファイルから背景画像を含む代替 div を生成して提供するサーバー側コードを作成しました。Adsense の Labnol.org レスポンシブ デザイン コードのハックです。
とにかく、私はこのような行のペアをそこに持っています (ID を持つ div は ASP.net コントロールです):
sampleImg = $("<div></div>").addClass("sample-ad-320-x-50");
$("#ctl00_Page_Footer_Top_Leaderboard_Sample").append(sampleImg)
私のCSSには、次のものがあります。
div.sample-ad-320-x-50 {width: 320px; height: 50px; background: URL(../common-images/banner-ad-320-x-50.gif) center center no-repeat #C0FF00;}
子 div 自体が読み込まれますが、Chrome の [Resources] ウィンドウに次のように表示されます。
banner-ad-728-x-90.gif /ss2013/common-images GET (失敗) 保留中の jquery-1.9.1.min.js:3 スクリプト 13 B 0 B
49ミリ秒
画像自体はChromeで表示できます...しかし、div(または画像タグで)にロードされている場合は表示されません。
背景は Firefox で問題なく読み込まれるため、そこにあることはわかっています。また、[リソース] ウィンドウからブラウザーにリンクをコピーして貼り付けて、そのように表示できるため、背景が存在することもわかります。
何が原因なのかわかりません...これはjQueryのものですか、それともChromeのものですか? Chromeのことだと思います。