css - 带有链接 Sprite 图像的表格

Question

我试图用 6 个链接的 sprite 图标替换一个有 6 个链接图标的表格，但表格只是空白。这是代码的一部分 - 有什么想法吗？

HTML:

<table><tr>
    <td><a href="https://twitter.com/french_lkl"><div id="icon-twitter" height="35" width="35"></div></a></td>
    <td><a href="https://www.facebook.com/FrenchLanguage"><div id="icon-facebook" height="35" width="35"></div></a></td>
    </tr>
</table>

CSS:

#icon-twitter, #icon-facebook, #icon-gplus, #icon-pinterest, #icon-rss, #icon-newsletter{
background: url(socialmedia.png) no-repeat;
}

#icon-twitter{
background-position: 0 0;
width: 35px;
height: 35px;
}

#icon-facebook{
background-position: -36px 0;
width: 35px;
height: 35px;
}

Answer 1

您的图片不存在。

Failed to load resource: the server responded with a status of 404 (Not Found)