我之前从未遇到过这样的事情，所以我希望其他人有，并且可以向我解释。
我正在开发一个包含一些Adsense横幅的网站。为了防止它们出现在我的localhost或我的任何测试帐户上，我创建了一些服务器端代码来生成并提供带有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窗口中看到了这一点：
横幅广告-728-X-90.gif / ss2013 /共同图像 得到 （失败） 有待 的jquery-1.9.1.min.js：3 脚本 13B中 0 B
我可以在Chrome中查看图片本身...但是当它被加载到div中时（或者在图片标记中加载），不是这样。
我知道背景是存在的，因为它在Firefox中加载很好。我也知道背景是因为我可以将资源窗口中的链接复制/粘贴到浏览器中并以这种方式查看。
我不知道可能导致这种情况的原因......这是一个jQuery的东西还是Chrome的东西？我怀疑它是Chrome的东西。
答案 0 :(得分：1)
你的CSS中的url应该有单引号：
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;}