人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

リンクのスタイルでページ全体で
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、ネスケだと大丈夫でした。
いろいろ試してみましたが、解決せず困っています。詳しい方いらっしゃいましたら教えて下さい。
宜しくお願いします。


●質問者: praide
●カテゴリ:コンピュータ ウェブ制作
✍キーワード::active :hover :link :visited background-color
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● tezcello
●35ポイント

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を持っていない為、動作確認出来てません。ごめんなさい)

◎質問者からの返答

確認しましたがダメでした…

ありがとうございます。


2 ● makoohira
●35ポイント

画像に色がつくの意味が分からないですが、

IEはCSSバグがすごい数あるので、倍の労力を使いますね。

a#ID名{}

だけでなく

a#ID名:hover{}

にもスタイルを入れてみてはいかがでしょう?

あと、background:;で背景スタイルをまとめていると、

個別指定のほうを優先するので、バグがあるとこだけ、個別に描いてみる。

◎質問者からの返答

個別に設定しているのですが、ダメでした。

しかも、見る環境によっても違いがあるようです。ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ