html – Firefox对于某些图像说“无法加载图像”,会自动添加奇怪的类

前端之家收集整理的这篇文章主要介绍了html – Firefox对于某些图像说“无法加载图像”,会自动添加奇怪的类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经尝试了几次和几种方法,但是无法理解.下面的一组图像在非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;
}

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

已经尝试完全清除缓存.也尝试手动加载图像urls在Firefox和图像加载和显示罚款,如果我这样做.我也将图像标签移动到页面上的其他位置,以确保这不是嵌套的CSS的东西.

解决方法

对不起,跳得很快,但是我注意到了一些奇怪的事情,最终发现了原因. Adblock正在阻止图片,因为我不小心点击了图片并将其过滤掉.

我会离开这个问题,因为它可能对他人有帮助.

猜你在找的HTML相关文章