没有显示在firefox的锂元素的背景图象

Question

我的页面中有一段代码的html，如下所示：

<section class ="sidebar">
            <ul>
                <li class="facebook">Facebook</li>
                <li class="linkedin">LinkedIn</li>
                <li class="twitter">Twitter</li>
                <li class="google-plus">Google+</li>
            </ul>
</section>

css是这样的：

    .sidebar ul {
    float: left;
}

.sidebar ul li{
    display: block;
    width:35px;
    text-indent: -9999px;
    margin: 3px;
}

li.facebook{
    height: 35px;
    background: url(img/icon_face.png) center center no-repeat;
    background-size: contain;
}
li.twitter{
    height: 35px;
    background: url(img/icon_twitter.png) center center no-repeat;
    background-size: contain;
}
li.google-plus{
    height: 35px;
    background: url(img/icon_g+.png) center center no-repeat;
    background-size: contain;

}
li.linkedin{
    height: 35px;
    background: url(img/icon_in.png) center center no-repeat;
    background-size: contain;
}

这里发生的是我有两个奇怪的问题：

首先，li.google-plus元素不会在任何浏览器中显示。浏览器只是忽略它。这是萤火虫的表现：

第二个是firefox中显示的唯一图像是twitter。在chrome和opera中，所有其他的都正确显示。由于它们在其他浏览器中正确显示，我认为问题不是背景属性中的路径。

对问题可能有什么想法？

编辑：

查看firebug对背景图片路径的说法：

它说无法加载给定的网址。

Answer 1

.sidebar ul li和li.facebook,li.twitter等。您应该写下您未设置的width:和height:属性。

Answer 2

好的，事实证明问题是我的AdBlock扩展程序。禁用后，它开始正常工作。

通过这个答案弄清楚：https://stackoverflow.com/a/466020/1235708