Question

我有两个由图像组成的相似页面，但在其中一个页面上图片没有加载，当我检查元素时，它显示空白，大小为1x1。但是，如果我点击图片链接，它就可以将图片加载到新标签页上而不会出现问题。

这些页面几乎只是带有很少jQuery的HTML / CSS。我没有使用任何广告拦截器..

我的代码 -

<div id="content" style="text-align:center; margin-bottom:120px;">
<div id="floating-arrow"><img src="images/arrow.png" alt="meme global publishers" /></div>

    <img src="images/advertisers/1.jpg" style="width:100%; height:1024px;" />
    <img src="images/advertisers/2.jpg" style="width:100%; height:1024px;" />
    <img src="images/advertisers/3.jpg" style="width:100%; height:1024px;" />
    <img src="images/advertisers/4.jpg" style="width:100%; height:1024px;" />
    <img src="images/advertisers/5.jpg" style="width:100%; height:1024px;" />
    <img src="images/advertisers/6.jpg" style="width:100%; height:1024px;" />
    <img src="images/advertisers/7.jpg" style="width:100%; height:1024px;" />
</div>

为什么会这样？我该如何解决这个问题？

Answer 1

此问题是由Chrome上的adblocker引起的。错误：

Failed to load resource: net::
http://meme.netsol.co.il/images/advertisers/4.jpg Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

您可以通过重命名文件名/路径来解决此问题。

图像未显示和检查元素显示大小1x1像素

1 个答案: