<a><span><img> IE6カーソル

<a href="javascript:void(0);"><span class="hoge"><img src="hoge.jpg"></span></a>
のように書いて、CSSには、
.hoge{
position: relative;
display: block;
width: 80;
height: 80;
background-color: #000;
}
と書きました。

IE6ですと、カーソルが手の形になりません。

やりたい事は小さめのimgの背景を所定のサイズで（この場合80×80）黒塗りにしたいのです。
（imgはposition:absolute;でtopとleftでセンターにもってくるつもり）

aの中にspan、その中にimgはダメですか？

IE6でも他のブラウザと同様の動作をさせるにはどうしたら良いでしょう？

IE6は無視して下さいの回答は不要です。

以上、ご指導の程、よろしくお願いいたします。

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2012/03/25 19:45

<a href="javascript:void(0);"><span class="hoge"><img src="hoge.jpg"></span></a>

はHTML4.01的には間違っていません。a要素にはインライン要素しか入りませんから・・
「<!ELEMENT A - - (%inline;)* -(A) -- anchor -->」--12.2 A要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

　一方、インライン要素は、ブロックではありませんからblockに指定可能なプロパティは設定できませんから、スタイルシートでブロックに変更する必要があります。

<p class="hoge"><a href="javascript:void(0);"><img src="hoge.jpg"></a></p>
・・・a要素は必ずブロック要素内に書きます・・・そのブロックにclass名をつけておけば良い。
スタイルシートは
p.hoge{
text-align:center;
line-height:80px;
width:100%; /* static以外の直近の親コンテナブロックの巾を参照 */
}
p.hoge a img{
background-color: #000;
}

この回答へのお礼

ORUKA1951さん、ご回答有難うございました。

非常に為になるご回答でした。

お礼日時：2012/03/26 20:12