【发布时间】:2026-02-15 05:55:02
【问题描述】:
我已经尝试了多次和几种方法,但无法弄清楚这一点。下面的一组图像在非火狐浏览器中完美加载,但在火狐浏览器中它们都是不可见的。如果我调出文档检查器并将鼠标悬停在 url 上,则仅会为 google 和 email 弹出图像(这是仅有的两个没有那个奇怪的类)。
所以我想问题是:为什么 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。
【问题讨论】: