Question

我已经尝试过几次和几种方法，但无法弄清楚这一点。下面的图像集在非firefox浏览器中完美加载，但所有这些图像在firefox中都是不可见的。如果我调出文档检查器并将鼠标悬停在网址上，则只会弹出谷歌和电子邮件的图片（这是唯一两个没有那个奇怪类的图片）。

所以我想问题是：为什么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中手动加载图像网址，如果我这样做，图像加载并显示正常。我还将图像标记移动到页面上的其他位置，以确保它不是嵌套的CSS。

Answer 1

很抱歉这么快就跳进来，但我注意到了一些奇怪的东西，最后发现了原因。 Adblock最有可能阻止图片，因为我不小心点击了图片并将其过滤掉了。

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

Answer 2

为您加载的当前页面停用 AdBlock 。刷新后显示图像。我只是尝试了它并且它正在工作。

Firefox为某些图片说“无法加载图片”，会自动添加奇怪的类

2 个答案: