- 締切済み
IE8でだけa:visitedがうまく効かないんですが?
閲覧済みのサイトをわかりやすくするために、a:visitedのバックグラウンドイメージで画像を入れようとしています。 ファイアーフォックスとオペラではうまくいくのですがIE8では最初からその訪問済みの際に出る画像が現れてしまいます。(ちなみにblinkも効きません) aとa:visitedの順番もあっていると思うのですが、ほかにどんなことが考えられますか?一人の力では限界です、どうかよろしくお願いします。
- みんなの回答 (3)
- 専門家の回答
みんなの回答
訪問済みをcssで指定するには普通は、 ** (1)a:linkとa:visited (2)a:link:hoverとa:visited:hover としてvisited擬似属性自体にcss定義してあれば確実に動くとおもいます。
ソレでは何も判りません。 CSSで指定したclassやidが何処にどう適応させてるのですか?
お礼
その後、皆さんの力で無事解決しました。答えはなんと、それまでの履歴が残っていたためにすでに閲覧済み扱いされて a:visited が最初から反映されていたと言うものでした。おさわがせしました。
補足
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> と、こんな感じにしてあります。 初めての質問、で上手に聞けませんでした。こんな感じでわかってもらえるかしら?
- mezashi2000
- ベストアンサー率37% (79/210)
どのようなソースになっているかなどを書いた方が 的確な回答をもらえると思いますよ。
お礼
その後、皆さんの力で無事解決しました。答えはなんと、それまでの履歴が残っていたためにすでに閲覧済み扱いされて a:visited が最初から反映されていたと言うものでした。おさわがせしました。
補足
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> と、こんな感じにしてあります。 初めての質問、で上手に聞けませんでした。こんな感じでわかってもらえるかしら?
お礼
ken_tyanさんアドバイスをありがとうございました。IE8でだけ出来ないと思ってたのはどうやら勘違いだったみたいで、履歴が残っていたために最初からa:visitedが効いている様に見えていただけのことでした。始めからちゃんとできていたみたい。おさわがせしました。