a:link { text-decoration: none; color: #FF0000;}
a:visited { text-decoration: none; color: ##FF9900;}
a:active { text-decoration: none; color: #FF6600;}
a:hover {
text-decoration: underline;
color: #FFFFFF;
background-color: #FF0000;
}
と言うスタイルをかけてhoverで色が出るように指定してあります。そのページ内でidで背景指定、独自にリンク等をスタイルでを指定してリンクを張っている部分があるのですが、IEだとページ全体にかけている
a:hover {
text-decoration: underline;
color: #FFFFFF;
background-color: #FF0000;
}
が反映されてマウスオーバー時に画像に色が付いてしまいます。FireFox、ネスケだと大丈夫でした。
いろいろ試してみましたが、解決せず困っています。詳しい方いらっしゃいましたら教えて下さい。
宜しくお願いします。
cssは後で指定した物が有効という事なので、リンクされている画像にはマウスオーバー時に色を付けないのを追加指示したらどうでしょう。(最後の行です)
a:link { text-decoration: none; color: #FF0000;} a:visited { text-decoration: none; color: ##FF9900;} a:active { text-decoration: none; color: #FF6600;} a:hover { text-decoration: underline; color: #FFFFFF; background-color: #FF0000; } a:hover img { text-decoration: none; background-color: transparent;}
(Mac mini なので、IEを持っていない為、動作確認出来てません。ごめんなさい)
画像に色がつくの意味が分からないですが、
IEはCSSバグがすごい数あるので、倍の労力を使いますね。
a#ID名{}
だけでなく
a#ID名:hover{}
にもスタイルを入れてみてはいかがでしょう?
あと、background:;で背景スタイルをまとめていると、
個別指定のほうを優先するので、バグがあるとこだけ、個別に描いてみる。
個別に設定しているのですが、ダメでした。
しかも、見る環境によっても違いがあるようです。ありがとうございます。
確認しましたがダメでした…
ありがとうございます。