Question

非常感谢对我的问题的任何见解。我尝试使用相同的图像作为占位符目的，我需要它三次但是当我通过css链接它时它只出现两次正确，我不知道为什么它不会第三次出现。< / p>

以下是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>

这是CSS剪辑：

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

如你所见。正在使用相同的图像。它的工作原理和邮件和Skype部分看起来很好，但不会出现在facebook部分，我不知道为什么。如果我从＆＃39; footer_facebook＆＃39;更改HTML代码类to＆＃39; footer_mail / skype＆＃39;出现图标。代码出现在我和我验证我的HTML没有错误。感谢。

Answer 1

别介意的人。我刚刚删除了这些位并重新输入，并以某种方式工作。不管怎样，谢谢！

使用相同的图像三次，但只通过CSS出现2次

1 个答案: