html - 图片未出现在现场；可以直接通过url访问

Question

我有一个 HTML 网站，该网站使用了一些无法在 Chrome 中加载的图像 [编辑:在某些人的 Firefoxes 中，而不是我的]。

使用 Chrome 检查器，我可以看到它们的大小为 1px x 1px。另外，以下内联样式被添加到 jpg(不是 png):style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 0px 0px;"width="0"height="0" 在我的网站上，但不在 jsfiddle 中。 (让我们关注第一部分。)

当我在本地查看同一站点时，它们显示正常。有没有搞错？看看:http://jsfiddle.net/3HtPH/2/ .

编辑:感谢 Gaby aka G. Petrioli，我发现这是由于 AdBlock 造成的，我在 Chrome 而不是我的其他浏览器上安装了它，阻止了任何名为“ad-_”的资源。 AdBlock 还会阻止大量以“ad”开头的类和 ID 名称。

Answer 1

非加载图像被命名为ad-something..

这意味着您有一个广告拦截器(浏览器插件)会阻止那些认为它们是广告的图像。