a:hover {
background-color:#07913B;
text-decoration:none;
color: #FFFFFF;
}
という記述をCSSですることで、リンクされた文字をオンマウスすると、緑地に白文字になるようにしています。
Firefoxだと大丈夫なのですが、IEの場合、背景が透明のgif画像も、同じように背景が緑になってしまいます。
これを、画像だけはオンマウスしても背景色が変わらない（つまり、透明のまま）にしたいのですが、
どのようにCSSに記述すれば良いのでしょうか？
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
みんなの回答
-
Nori327
満足35pt
a:hover {
background-color:#07913B;
text-decoration:none;
color: #FFFFFF;
}
a:hover img {
background-color:#ffffff
}
透明のまま、というわけではありませんが、#ffffffの部分を背景色と同じにすれば大丈夫ではないでしょうか。
IE7とFireFox3で確認しました。
-
righton
-
- その他の回答を読む
righton
この質問へのコメント
質問の情報
- 登録日時
- 2008-08-19 15:12:58
- 終了日時
- 2008-08-26 15:15:03
- 回答条件
- 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
木の太い幹、木の太い根、を掘り出しました。このまま捨てるのは大変です。重いです。切るのも硬いです。干…
匿名質問者
1
-
今行きがかり上で中小企業を相手に民事訴訟の原告と被告で2件の裁判を抱えています。しかし何も深刻さはな…
asnaro_71
2
-
海外の習慣、民族的なことに詳しい方に質問です。 「玄界灘に生きた人々」という本で、「ダイコン官との旅…匿名質問者
-
【ナルコ】 私は医療に関して（当事者ではあるものの）素人です。 友人Aは「ナルコレプシー」的に、話して…
SE**.M
-
外国から、王族が来ると、その人のパスポートは、ふつうのパスポートとは違う？ 外交官パスポートみたいな…匿名質問者
＞＞img要素を囲ったa要素にclass属性を付与して
＞＞其処だけ背景色を透明にするのはなしかなぁと思ったけど、
って、多分、このやり方で大丈夫だと思います！
（実際、オンマウス時に背景色が緑になってしまう画像が、2箇所だけなんです）
悲しいかな、
a:hover img {
background-color:none;
}
のような、間違った書き方しか知らないのです。。
＞＞img要素を囲ったa要素にclass属性を付与して
＞＞其処だけ背景色を透明にするのはなしかなぁと思ったけど、
は、どうやって実現されるのでしょうか？
思いつきませんでした。
a:hover {
background-color: #07913B;
text-decoration:none;
color: #FFFFFF;
}
a.anchorimg:hover {
background-color: transparent;
}
<a href="#">link</a><br>
<a href="#" class="anchorimg"><img alt="image" src="anchor_image.gif" height="30" width="30" border="0"></a>