Question

我的网站上有这个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;
}

Answer 1

事实证明，Images/LinkedInLogo.png实际上是Images/LinkedinLogo.png。只需将其换成小写的“i”，一切都应该很好。

为确认起见，这是link。

Answer 2

请检查徽标的文件名和位置。您还可以在ur html中添加标签并将其设置为CSS样式。

如果您需要新徽标，请转到http://press.linkedin.com/logo-images。

图像不会显示

2 个答案: