带有链接精灵图像的表

Question

我正在尝试将具有6个链接图标的表替换为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

您的图片不存在。

  

无法加载资源：服务器响应状态为404（未找到）

Answer 2

尝试：

background: url('socialmedia.png') no-repeat;