我已经尝试了很多次,也尝试了很多方法,但无法弄清楚这一点。下面的一组图像在非 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 内容。
抱歉这么快就介入,但我注意到一些奇怪的事情并终于找到了原因。 Adblock 阻止图像很可能是因为我不小心点击了它并将其过滤掉。
我会留下这个问题,因为它可能对其他人有帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)