CSSでポイント時に画像を消す？

質問

JavaScriptを使わずにCSSを用いて、
マウスカーソルを画像に合わせたときに
画像が消えるようにしたいのですが、
可能ですか？

<a href="#"><img src=""></a>

a:active img, a:hover img {
display:none:
}

としてみたんですが
カーソルを合わせると画像が点滅してしまい
うまく表示できませんでした。
よろしくお願いします。

回答No.1

temtecomai2

こんな感じはどうでしょうか？

<style type="text/css">
span img{
border:0;
}
span a:hover img{
visibility:hidden;
}
</style>

<span class="btnLinkA"><a href="#"><img src="btnImage.gif" alt="消えるボタン" /></a></span>

お礼

おっしゃるとおりのものを開いたところ
マウスオーバーの状態でマウスを動かさなければ
画像は消えましたが、
マウスを動かしている間は点滅してしまいました。
しかし、display:blockをつけたすことで
なんとか回避することができました。
なぜかはわかりませんが（笑
ありがとうございました。