我以前从未遇到过这样的事情,所以我希望其他人有并且可以向我解释。
我正在一个包含一些 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的事情。