html - Firefox 对某些图像说 "Could Not Load Image"，自动添加奇怪的类

Question

我已经尝试了好几次和好几种方法，但无法解决这个问题。下面的一组图像在非 firefox 浏览器中完美加载，但所有这些图像在 firefox 中都是不可见的。如果我调出文档检查器并将鼠标悬停在 url 上，将仅针对 google 和电子邮件弹出图像(这是仅有的两个没有那个奇怪类的图像)。

所以我想问题是:为什么 firefox 向我的图像添加了一个奇怪的类(只有这些，页面上的所有其他图像都可以正常工作)，为什么没有任何图像出现在这个区域？

   <div id="share_icons">
            <img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/facebook.png" id="share_facebook">
            <img src="http://localhost:80/graphics/share/google.png" id="share_google">
            <img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/pinterest.png" id="share_pinterest">
            <img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/tumblr.png" id="share_tumblr">
            <img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/twitter.png" id="share_twitter">
            <img src="http://localhost:80/graphics/share/email.png" id="share_email" pop="Send a link to this list to friends via e-mail. <b>Note:</b> recipients must already be users of the site or your view settings must allow public views for them to see it!">
        </div>

这是#share_icons 区域的计算 CSS:

#share_icons {
width: 150px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
* {
border: 0px none;
margin: 0px;
padding: 0px;
font: inherit;
vertical-align: baseline;
-moz-box-sizing: border-box;
}

我注意到的另一件事是，当我单击此区域中的任何图像时，通常悬停在页面上元素上方的检查器弹出框位于屏幕的左上角，就好像图像都在屏幕外的某个地方。

已经尝试完全清除缓存。还尝试在 Firefox 中手动加载图像 url，如果我这样做，图像加载和显示正常。我还将图片标签移到了页面的其他位置，以确保这不是嵌套的 CSS。

Answer 1

很抱歉这么快就插进来，但我注意到了一些奇怪的事情，并最终找到了原因。 Adblock 阻止了图像很可能是因为我不小心点击了它并过滤掉了它。

我会留下这个问题，因为它可能对其他人有帮助。