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

Question

我有两个由图像组成的相似页面，但是在其中一个页面上没有加载图片，当我检查元素时，它显示大小为 1x1 的空白白色。但是，如果我单击图像的链接，它会将图像加载到新选项卡上，没有问题..

Working page

Not working page

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

我的代码-

<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 上的广告拦截器引起的。错误：

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

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