• 締切済み

IE8でだけa:visitedがうまく効かないんですが?

閲覧済みのサイトをわかりやすくするために、a:visitedのバックグラウンドイメージで画像を入れようとしています。 ファイアーフォックスとオペラではうまくいくのですがIE8では最初からその訪問済みの際に出る画像が現れてしまいます。(ちなみにblinkも効きません) aとa:visitedの順番もあっていると思うのですが、ほかにどんなことが考えられますか?一人の力では限界です、どうかよろしくお願いします。

みんなの回答

noname#119957
noname#119957
回答No.3

訪問済みをcssで指定するには普通は、 ** (1)a:linkとa:visited (2)a:link:hoverとa:visited:hover としてvisited擬似属性自体にcss定義してあれば確実に動くとおもいます。

tametepo
質問者

お礼

ken_tyanさんアドバイスをありがとうございました。IE8でだけ出来ないと思ってたのはどうやら勘違いだったみたいで、履歴が残っていたために最初からa:visitedが効いている様に見えていただけのことでした。始めからちゃんとできていたみたい。おさわがせしました。

noname#100277
noname#100277
回答No.2

ソレでは何も判りません。 CSSで指定したclassやidが何処にどう適応させてるのですか?

tametepo
質問者

お礼

その後、皆さんの力で無事解決しました。答えはなんと、それまでの履歴が残っていたためにすでに閲覧済み扱いされて a:visited が最初から反映されていたと言うものでした。おさわがせしました。

tametepo
質問者

補足

aidesさん質問を読んでくださったんですね。ありがとうございます。 CSSでは #tutumi a { text-decoration: blink; background-color: #FFC; display: block; height: 200px; width: 200px; margin: 10px; background-image: none; background-repeat: no-repeat; background-position: center center; } #tutumi a:visited { background-image: url(); background-repeat: no-repeat; background-position: center center;<div id="tutumi"> display: block; margin: 10px; height: 200px; width: 200px; text-decoration: none; } として、HTMLの方は <a href="ema.html">id "tutumi" の内容がここに入ります</a></div> と、こんな感じにしてあります。 初めての質問、で上手に聞けませんでした。こんな感じでわかってもらえるかしら?

回答No.1

どのようなソースになっているかなどを書いた方が 的確な回答をもらえると思いますよ。

tametepo
質問者

お礼

その後、皆さんの力で無事解決しました。答えはなんと、それまでの履歴が残っていたためにすでに閲覧済み扱いされて a:visited が最初から反映されていたと言うものでした。おさわがせしました。

tametepo
質問者

補足

mezasi2000さん質問を読んでくださったんですね。ありがとうございます。 CSSでは #tutumi a { text-decoration: blink; background-color: #FFC; display: block; height: 200px; width: 200px; margin: 10px; background-image: none; background-repeat: no-repeat; background-position: center center; } #tutumi a:visited { background-image: url(); background-repeat: no-repeat; background-position: center center;<div id="tutumi"> display: block; margin: 10px; height: 200px; width: 200px; text-decoration: none; } として、HTMLの方は <a href="ema.html">id "tutumi" の内容がここに入ります</a></div> と、こんな感じにしてあります。 初めての質問、で上手に聞けませんでした。こんな感じでわかってもらえるかしら?

関連するQ&A