こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

CSSの画像のマウスオーバーの質問です

こんにちは

[画像A]にリンクをはって、マウスオーバーの時に、[画像B]に切り替わるようにしたいのですが、できません。

ドリームウィーバーのビヘイビアパネル→スワップイメージを使うとできました。

しかし、CSSを使って、マウスオーバー時に画像を切り替えたいのです。

テキストを入れて、テキストインデント、-9999でテキストを飛ばして背景に「画像A」を持ってきて、a:hoverで「画像B」をいれて、マウスオーバーを切り替える。これもできました。

しかし、

<body>
<a href="#"><img src="images/gazou.jpg" width="100" height="100" /></a>
</body>

     ↑
このような画像のリンクにCSSを使ってマウスオーバーの画像切り替えをしたいのです。

どなたか、ご存知の方教えてください。
よろしくお願いします。

投稿日時 - 2009-06-28 00:03:22

QNo.5080050

困ってます

質問者が選んだベストアンサー

aをブロック表示にして、バックグラウンドに画像を設定してください

<style>
a{
display:block;
width:100px;
height:100px;
background-image:url("1.jpg");
}
a:hover{
background-image:url("2.jpg");
}
</style>
<a href="#"></a>

投稿日時 - 2009-06-29 13:59:29

お礼

回答ありがとうございます。

問題は解決しました。

ありがとうございました。

投稿日時 - 2009-07-01 21:24:56

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問