html - 图像链接不会出现在 Firefox 上

Question

我有几张嵌套在 anchor 标记内的图像。它们在 Chrome 和 IE 上完美显示。甚至是 IE 7! 但在 Firefox 18 上，图像根本不会出现。这是我的代码:

<div id="follow-wrapper">
    <p>Follow Us</p>
    <ul>
        <li><a href="#"><img id="facebook-img"/></a></li>
        <li><a href="#"><img id="twitter-img"/></a></li>
        <li><a href="#"><img id="googleplus-img"/></a></li>
        <li><a href="#"><img id="linkedin-img"/></a></li>
        <li><a href="#"><img id="youtube-img"/></a></li>
        <li><a href="#"><img id="rss-img"/></a></li>
    </ul>
</div>


#follow-wrapper {
    position: absolute;
    right: 0px;
    top: 15px;
    width:230px;
}

#follow-wrapper p {
    float:left;
    font-family:'Arial', Gadget, sans-serif;
    font-size: 15px;
    color : #20417f;
}

#follow-wrapper ul {
    float:left;
    list-style: none;    
}

#follow-wrapper ul li {
    display: inline;    
    margin-left:8px;  
}


#follow-wrapper ul li a img {
    border: none;
}

#follow-wrapper ul li img {
    background-image: url('../img/follow.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;   
    border-radius: 2px;
}

#facebook-img{
    background-position: 0px 0px;
}

#twitter-img {
    background-position: 0px -26px;
}

#googleplus-img{
    background-position: 0px -52px;
}

#linkedin-img{
    background-position: 0px -78px;
}

#youtube-img{
    background-position: 0px -104px;
}

#rss-img{
    background-position: 0px -130px;
}

这是 Chrome 上的结果:

这是 FF 的:

我不知道发生了什么。

Answer 1

http://www.w3.org/MarkUp/html3/img.html

“SRC 是强制性的。”
编辑:澄清 - src 是 img 的强制属性元素。

我猜 FF 是唯一遵守规则的浏览器。但重点是，您的代码无效。

您没有使用此保存任何代码:<a href=""><img id...></a>对比<a href="" id=""></a> .如果有的话，你正在写更多。