Firefox为某些图片说"无法加载图片",会自动添加奇怪的类

not*_*ser 21 html firefox

我已经尝试过几次和几种方法,但无法弄清楚这一点.下面的图像集在非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>
Run Code Online (Sandbox Code Playgroud)

这是#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;
}
Run Code Online (Sandbox Code Playgroud)

我注意到的另一件事是,当我点击此区域中的任何图像时,检查器的弹出框通常悬停在页面上的元素上,位于屏幕的左上角,就像图像全部一样在屏幕的某处.

已经尝试完全清除缓存.还尝试在Firefox中手动加载图像网址,如果我这样做,图像加载并显示正常.我还将图像标记移动到页面上的其他位置,以确保这不是嵌套的CSS事物.

not*_*ser 40

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

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

  • 作为附录,您可能会因为与我相同的原因而遇到此问题.我用Adblock的"Open Blockable Items"小部件将其钉在了"Fanboy的社交阻止列表"中. (2认同)
  • Firefox 的 Facebook 容器插件还将阻止显示来自 Instagram 或 Facebook 的图像。 (2认同)

小智 5

为您加载的当前页面禁用AdBlock 。刷新后显示图像。我刚刚尝试过,它正在工作。