• 締切済み

未訪問と訪問済みの色を指定-IEのみできない

外部スタイルシートにリンクの未訪問と訪問済みの色を指定しているのですが、 a:visited{color:#999999;} a:link{color:#ffffff;} WinのIEのみ未訪問も訪問済みも#999999になってしまいます。 FirefoxやSafariは問題ないのです。 この原因と対策をご教授ください。

  • 50031
  • お礼率75% (28/37)
  • HTML
  • 回答数4
  • ありがとう数2

みんなの回答

回答No.4

まさかとは思いますが、サーバーにアップロードして確認してますか? Windowsエクスプローラーのファイルをダブルクリックなどして開いただけではvisitedの表示になりませんが。

回答No.3

ツールメニューのインターネットオプションで、 全般タブの「ユーザー補助」で、「ウェブページで指定された色を使用しない」「ユーザースタイルシート」のチェックがついていたら外してみて下さい。

50031
質問者

お礼

ありがとうございます。 確認してみたのですが、チェックは入っていませんでした。

noname#100277
noname#100277
回答No.2

ローカルでのファイルの事でなら所謂「マイコンピュータ」の履歴のみ削除で良いので簡単と思いますので、此の履歴を全件削除した後の確認ではどうですか? ネット上の話ならドメインで該当サイトの履歴を削除した上での上記と同じ確認ではどうでしょうか?

50031
質問者

補足

ありがとうございます。 履歴を削除した上で確認してみたのですが、 WinのIEはやはり未訪問も訪問済みも#999999です。 Firefox等ではならないのですが…

回答No.1

a:link{color:#ffffff;} a:visited{color:#999999;} 書く順序を入れ替えましょう。実は順番が決まっています。

50031
質問者

お礼

ありがとうございます。 a:link{color:#ffffff;} a:visited{color:#999999;} の順番にしてみましたが、WinのIEはやはり 未訪問も訪問済みも#999999です。

関連するQ&A

  • クラスを指定して訪問前のリンクに色を付けるには?

    a.a_Link{ color: red; } これで、class="a_Link"と指定したリンクは赤になりますが 訪問後も赤のままです。 なので訪問前のみ赤にしたいのですが やり方がわかりません。 http://www.tagindex.com/stylesheet/link/color.html によると a:visited { color: #000080; } … 訪問済みのリンク が訪問済みのリンクのようなので、 visited を使えばいいと思うのですが、 a_Linkとvisitedをどう組み合わせればいいのでしょうか?

    • ベストアンサー
    • HTML
  • スタイルシートで

    外部スタイルシートのみでリンクの上にマウスが乗ったら背景の色が変わるようにしているのですが、 a:link {background-color: #FFFFFF;} a:hover {background-color: #000000;} a:visited {background-color: #FFFFFF;} この場合、一度リンクしたら次にマウスが乗っても変化しません。外部スタイルシートのみでうまくいく方法はあるのでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • firefoxでCSSがうまく反映されないです!

    スタイルシート(外部)で.moji{color:#;font-weight:bold} .moji a:link, .moji a:visited,{color:#f66;font-weight:bold}という具合に各クラスにリンクした時の色を指定するとIEでは反映されてもfirefoxでは反映されません。どうすれば両方にうまく反映されるのでしょうか? 教えてください!

    • ベストアンサー
    • HTML
  • リンクだけが指定にない色になります。

    テキストの色を全体に統一したいのですが、リンク部分のみ指定にない色(青)になります。 <STYLE type="text/css"> <!-- a:hover { color:ffffff; } --> </style> <BODY TEXT="CC0033" VLINK="CC6666" ALINK="CC6666"> <A HREF="link.html "STYLE="TEXT-DECORATION:NONE;"> <FONT SIZE=-2>link</FONT></A> 直接リンク文字に色を指定すれば直るのですが、スタイルシートでマウスがリンクに触れた時色が変わるという設定が効かなくなるようです。この設定を外さず、任意の色に変える方法はありませんでしょうか。 そのようなサイトを知っている、でも構いません。どうかよろしくお願いいたします。 (powermacG4/OS9/IE5/NN4.7/Jedit4.0)

    • ベストアンサー
    • HTML
  • 特定の訪問済みリンクのみのスタイル指定

    <a href="http://oshiete.goo.ne.jp/">教えて</a> というHTMLリンクがあるとします。 このaタグに対して、 A:visited{color:#000000;} のように通常訪問したリンクは黒文字で、というスタイルを書いたとします。 このHTMLに下記のようにクラスを指定して、 <a href="http://oshiete.goo.ne.jp/" class="futoji">教えて</a> このクラスがある訪問済みリンクだけ、太字にする、というスタイルは、どのように表記したらよいですか? .futoji {font-weight: bold; } はわかりますが、訪問していない場合は太字にしたくないのです。 また、上記の表現ができる場合、太字でなおかつ色を灰色#999999にする、という指定はできますか?A:visited{color:#000000;}で指定してしまっているので、色に関してはやはり無理なのでしょうか。 条件; ・訪問前のリンクはクラス指定があってもなくてもどれも同じように見えて、 ・訪問後はクラス指定がないかぎり共通した色を指定し、 ・訪問後にクラス指定のあるリンクだけ、特定のスタイルや色を適用させたい お手数ですが、お分かりの方、おしえてください。よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • CSS:スタイルシートでテキストリンク

    教えてください!! 外部ファイルのスタイルシート(CSS)を使って、各ページへジャンプするテキストリンクをマウスオーバー時に太字になるように設定しています。 IE6.0では問題なく起動していますが、NS7.1,Firefox1.0では、機能していません。何か対処方法はないでしょうか? ↓私の記述は以下の通りです↓ 【外部ファイルへのリンクの記述】 <link rel="stylesheet" type="text/css" href="../menu.css" title="menu" /> 【外部ファイル内のCSSの記述】 .menu { font-family: "MS Pゴシック", Osaka; font-size: 12px; font-style: normal; line-height: 14px; color: #FFFFFF; text-decoration: none; } .menu a:link { color: #FFFFFF; text-decoration: none; } .menu a:visited { color: #FFFFFF; text-decoration: none; } .menu a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; } .menu a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }

  • IEでCSSのアンカー色指定が反映しない

    <style type="text/css"> a:visited { color:blue;} div.testB { padding-left:12px; clear:both; } div.testB a{ color:#000000; text-decoration:none; font-weight:bold; } div.testB a:hover{ color: #cc0000; font-weight:bold; text-decoration:underline; } </style> <div class="testB"> <div><a href="#">リンク</a></div> </div> このようなソースで、FireFoxでは理想どおり表示されるのですが、IEではtestBで指定したリンク色が反映されず、先のa:visited{}のカラーでボールドだけ効いた状態になってしまいます。hoverしても色は変わらずです。visitedの指定がなければ、きちんと反映されるようなのですが… 解決策ありますでしょうか。 よろしくおねがいします。

    • ベストアンサー
    • CSS
  • スタイルシートのリンク要素について

    スタイルシート。特定のIDセレクタにa要素を指定する方法を教えて下さい。 a:link{color:#FFFFFF} この場合はスタイルシートを適用すればページすべてに反映。 li a:link{color:#FFFFFF} これなら<li>にのみ適用ですよね? そこでたとえば #abcd というIDにのみa:linkを適用させる場合はどのようにしたらよいのでしょうか?

    • ベストアンサー
    • HTML
  • css リンクの色が全部変わってしまう。

    1、 css div#link a:link{#ff0000;} div#link a:visited{#999999;} と設定したリンクの行があるとします。 ひとつのリンクをクリックすると、全ての並んでいる、リンクがvisitedの色に変わってしまいます。 原因と直し方を教えてください。 2、 また、firefox(IEもかもしれない)では一度visitedの色になるとブラウザを再起動しても、いつまでもvisitedの色のままです。 これは正常な動作なのでしょうか。 異常である場合の直し方を教えてください。 正常である場合、むやみにlink色とvisited色は違う色にしない方がよろしいということでしょうか。 回答お願いします。

    • ベストアンサー
    • CSS
  • CSSで特定の場所だけ、vlinkの色を変更したい

    CSSで特定の場所だけ、vlinkのカラーを変更したいのですが、 下記の方法では、Firefoxでは、訪問済みでも色は変わりませんが、 IE6の場合は、訪問済みリンクの色が変更されてしまいます。 #box { font-size:11px; color:#000000; } #box a { color:#ffffff; } IE6でもBOX要素の中のリンク・訪問済みの色を白にしたいのですが、 一体どうすればいいのでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう