Chrome jQuery图片请求状态"待定"

Question

我以前从未遇到过这样的事情,所以我希望其他人有,并且可以向我解释.

我正在一个包含一些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窗口中看到了这一点:

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的东西.

Answer 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;}