Html 同一图像使用了三次，但仅通过CSS显示了两次

如果您能了解我的问题，我将不胜感激。我试图使用相同的图像作为占位符，我需要它三次，但当我通过css链接它时，它只正确显示两次，我不知道为什么它不会显示第三次

以下是HTML剪报：

<div class="container">
        <div class="row">
            <div class="span4">
                <h5>Get in Touch?</h5>
                <h3><a href="#facebook" class="footer_facebook">Add Me</a></h3>
            </div>

            <div class="span4">
                <h5>Hire for a Project?</h5>
                <h3><a href="#gmail" class="footer_mail">E-Mail Me</a></h3>
            </div>

            <div class="span4">
                <h5>Need Information?</h5>
                <h3><a href="#skype" class="footer_skype">Skype Me</a></h3>
            </div>   
        </div>
    </div>

---

如你所见。正在使用相同的图像。它在邮件和skype部分正常工作，但在facebook部分却没有，我也不知道为什么。如果我将HTML代码类从“footer\u facebook”更改为“footer\u mail/skype”，则会出现图标。代码按顺序显示给我，我验证了我的html，没有错误。谢谢。

别介意，伙计们。我只是删除了那些片段，然后重新打印出来，不知怎么的，它成功了。无论如何谢谢你

使用浏览器的开发人员工具检查有问题的元素时，您看到了什么？我怀疑这里还有其他CSS规则在起作用，而您在代码片段中没有提供。这是您的小提琴：，看起来不错，您的问题不在所发布的相关代码中。@Andre Dion:当我单击徽标应该出现的位置时，右侧的“样式”选项卡中未显示任何内容，表明存在链接到该区域的背景图像。但当我点击skype和email的另外两个区域时，会弹出一个属性，表示有背景，url指向正确的徽标。我将上传一个图像到OP。编辑：短按4次代表上传图像。感谢Moshtaf的回复，在这里发布之前也试过了，效果很好，但对于为什么我的文件中不起作用却一无所知。已经做了一段时间，只是停留在这里。这里有一个链接到我的dropbox中的屏幕截图：

a.footer_facebook {
background: url(../img/icon_email.png) no-repeat scroll center bottom transparent; 
}
a.footer_mail {
background: url(../img/icon_email.png) no-repeat scroll center bottom transparent; 
}
a.footer_skype {
background: url(../img/icon_email.png) no-repeat scroll center bottom transparent; 
}