图像链接的精灵问题

Question

如何使用带有图像链接的精灵。当我尝试使用如下链接丢失

<a target="_blank" rel="nofollow" title="link1" href="http://www.yahoo.com">
    <div id="yahoo1" class="logosprite"></div>
 </a>

的CSS：

#yahoo1.logosprite {
background-position:0 0;
height:16px;
width:16px;
}

有人可以建议更好的解决方案吗？

Answer 1

这不是有效的标记。

只需将CSS应用于锚点并添加以下css属性，使其大小合适：

display: block;

Answer 2

a个元素不能包含div元素。

只需在a本身设置背景图片。