图片链接的精灵问题答案

【问题标题】：sprite problem with image link图片链接的精灵问题
【发布时间】：2010-12-25 23:53:52
【问题描述】：

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

<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;
}

谁能提出更好的解决方案？

【问题讨论】：

【解决方案1】：

这不是有效的标记。

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

display: block;

【讨论】：

【解决方案2】：

a 元素不能包含div 元素。

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

【讨论】：