I had never seen anything like this before, so I hope someone else can explain it to me.
I am working on a site containing Adsense banners. To prevent them from appearing on my local host or any of my test accounts, I created server-side code to create and maintain an alternative div with a background image from a CSS file. This is a Labnol.org AdSense compliant code hack.
Anyway, I have a couple of lines like this (div with id is an ASP.net control):
sampleImg = $("<div></div>").addClass("sample-ad-320-x-50"); $("#ctl00_Page_Footer_Top_Leaderboard_Sample").append(sampleImg)
In my CSS, I have:
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;}
The child div itself loads, but I see this in the Resources window in Chrome:
banner-ad-728-x-90.gif / ss 2013 / general-images GET (failed) while waiting for JQuery-1.9.1.min.js: 3 Script 13 B 0 C
49 ms
I can view the image myself in Chrome ... but not when it is loaded in a div (or in the image tag, for that matter).
I know there is a background because it loads fine in Firefox. I also know that the background exists because I can copy / paste the link from the Resources window into the browser and see it that way.
I don't know what could be causing this ... is it a jQuery thing or a Chrome thing? I suspect this is a Chrome thing.
source share