6

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

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

横幅广告 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的事情。

4

1 回答 1

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;}
于 2014-10-10T14:32:48.740 回答