html - 图片不会显示

Question

我的网站上有这个 LinkedIn Logo 。它在本地测试时工作得很好，但它不会显示在网上。现在我做错了什么？

如您所见 - 它应该位于其他之间的底部:
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;
}

Answer 1

事实证明，您的 Images/LinkedInLogo.png 实际上是 Images/LinkedinLogo.png。只需将其替换为小写“i”，一切都会好起来的。

这是一个link出于确认目的。