html - 画像リンクのスプライトの問題

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です。