我的网站上有这个 LinkedIn 徽标。它在本地测试时工作得非常好,但它不会在线显示。现在我做错了什么?
如您所见 - 它应该位于其他之间的底部:
数字好东西
这是页脚的 HTML
<div class="footer">
<div class="footertext">Want to get in touch?</div>
<div id="pinterestlogo"><a href="http://pinterest.com/nickthepinrod" target="_blank"><span></span></a></div>
<div id="linkedinlogo"><a href="http://linkedin.com/profile/view?id=197241309" target="_blank"><span></span></a></div>
<div id="twitterlogo"><a href="http://twitter.com/followthenimrod" target="_blank"><span></span></a></div>
</div>
这是CSS
#linkedinlogo
{
width: 30px;
height: 30px;
background-image: url('Images/LinkedInLogo.png');
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
float: right;
}
#linkedinlogo a span
{
position: absolute;
width: 30px;
height: 30px;
}