html - 容器中只有 1/4 的链接图标可见。 [仅限 FireFox，仅限在线]

Question

大家好，这是我的问题，我的代码看起来像这样离线(本地):

就像这个在线(我的网站)一样，你可以看到它缺少其他链接。

它是一个菜单，在您滚动时沿着页面 float ，位于右侧。

在 Linux 和 Windows 中使用最新版本的 FireFox 时发生在我身上。所有其他浏览器在线和离线似乎都很好

我不知道我在这里做错了什么。

这是我的 css:

#sBRight{
    vertical-align: top;
    position: fixed;
    margin:0 0 0 90%;
    background: #161616;
    border: solid #b6b6b6 8px ;
    padding: 5px 10px;
    border-radius: 8px;
}

#socialButton{
    width:60px;
    padding: 5px 0 5px 0;
    display: block;
}

HTML:

<div id="sBRight">
<a href="http://facebook.com/"><img src="images/facebook.png" alt="FaceBook" id="socialButton"></a>

<a href="http://za.linkedin.com/"><img src="images/linkedin.png" alt="LinkedIn" id="socialButton"></a>

<a href="https://plus.google.com/"><img src="images/googleplus.png" alt="Google Plus" id="socialButton"></a>

<a href="mailto:never@never.fal"><img src="images/email.png" alt="Email Me" id="socialButton"></a>
</div>

Answer 1

重命名图像解决了您的问题，这是由于 AdBlock 不显示社交网络图像引起的。确保在测试图像加载时关闭 AdBlock。

You can use Adblock Plus to remove all social media buttons from every website, making sure that social networks can’t create a profile about you based on the websites you visit.

参见 https://adblockplus.org/en/features了解更多信息。