私のウェブサイトには、この LinkedIn ロゴがあります。ローカルでのテストでは問題なく動作しますが、オンラインでは表示されません。今、私は何を間違えましたか?
ご覧のとおり - それは他のものの間の一番下にあるはずです:
A Digital Goodie
フッターの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;
}