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

嘿，伙计们，这是我的问题，我的代码看起来是离线的（本地）：

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

它是一个菜单，当您滚动页面时，它会在页面右侧浮动

在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;
}

<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>

HTML:

#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;
}

<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>

---

首先，您要向页面提供一个ID的多个实例，这是一个no-no。ID用于命名并仅出现一次的对象，而类用于在页面上重复的项目

---

否则，我看不到任何会导致这种情况的东西。您可能有一些额外的css覆盖了它。你可以链接它所在的站点，或者链接实际的html和css吗？

首先，你向页面提供了一个ID的多个实例，这是一个no-no。ID用于将被命名并只出现一次的对象，而类用于将在页面上重复的项目

---

否则，我看不到任何会导致这种情况的东西。您可能有一些额外的css覆盖了它。你可以链接它所在的站点，或者链接实际的html和css吗？

首先，你向页面提供了一个ID的多个实例，这是一个no-no。ID用于将被命名并只出现一次的对象，而类用于将在页面上重复的项目

---

否则，我看不到任何会导致这种情况的东西。您可能有一些额外的css覆盖了它。你可以链接它所在的站点，或者链接实际的html和css吗？

首先，你向页面提供了一个ID的多个实例，这是一个no-no。ID用于将被命名并只出现一次的对象，而类用于将在页面上重复的项目

---

否则，我看不到任何会导致这种情况的东西。您可能有一些额外的css覆盖了它。你能链接它所在的网站吗，或者链接实际的html和css吗？

我通过重命名这3幅图像修复了它

facebook.png

至

fb.png

googleplus.png

至

gp.png

linkedin.png

至

li.png

然后在

html

中更改了他们的名字。 这很奇怪，因为我对文件名进行了三次检查。我还

div

'd了图标并更改了它们的

css

HTML:

---

我通过重新命名这3张图片修复了它

facebook.png

至

fb.png

googleplus.png

至

gp.png

linkedin.png

至

li.png

然后在

html

中更改了他们的名字。 这很奇怪，因为我对文件名进行了三次检查。我还

div

'd了图标并更改了它们的

css

HTML:

---

我通过重新命名这3张图片修复了它

facebook.png

至

fb.png

googleplus.png

至

gp.png

linkedin.png

至

li.png

然后在

html

中更改了他们的名字。 这很奇怪，因为我对文件名进行了三次检查。我还

div

'd了图标并更改了它们的

css

HTML:

---

我通过重新命名这3张图片修复了它

facebook.png

至

fb.png

googleplus.png

至

gp.png

linkedin.png

至

li.png

然后在

html

中更改了他们的名字。 这很奇怪，因为我对文件名进行了三次检查。我还

div

'd了图标并更改了它们的

css

HTML:

---

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

您可以使用Adblock Plus删除每个网站上的所有社交媒体按钮，确保社交网络无法根据您访问的网站创建关于您的个人资料

---

有关详细信息，请参阅。

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

您可以使用Adblock Plus删除每个网站上的所有社交媒体按钮，确保社交网络无法根据您访问的网站创建关于您的个人资料

---

有关详细信息，请参阅。

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

您可以使用Adblock Plus删除每个网站上的所有社交媒体按钮，确保社交网络无法根据您访问的网站创建关于您的个人资料

---

有关详细信息，请参阅。

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

您可以使用Adblock Plus删除每个网站上的所有社交媒体按钮，确保社交网络无法根据您访问的网站创建关于您的个人资料

---

有关更多信息，请参阅。

对我来说很合适。。我想它可能会被缓存，但我启动到我的其他操作系统，同时清除缓存并使用ctrl+f5。你的结果是什么？现在可以用了吗？不，还是不行。脱机模式在所有浏览器中都可以使用。但我一上传它就在firefox中崩溃了。你能提供在线链接吗？对我来说很好。。我想它可能会被缓存，但我启动到我的其他操作系统，同时清除缓存并使用ctrl+f5