16

私たちのウェブサイトにはいくつかのリンク スタイルがあり、CSS は次のとおりです。

a:link {
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    color: #0676b3;
}

a:visited {
    color: #666;
    text-decoration: underline;
}

a:hover {
    color: #fff;
    background: #A5C2DB;
    border-radius: .1875em;
    padding: 0 .1875em;
}

以下は、さまざまな状態でどのように表示されるかを示すjsfiddleです。

a {
  display: inline-block;
  margin: 10px;
}
/*  these styles are for presentation of the link states they are NOT the styles in my stylesheet*/

a.link {
  font-family: Verdana, Tahoma, Geneva, sans-serif;
  font-size: .875em;
  text-decoration: none;
  color: #0676b3;
}
a.visited {
  color: #666;
  text-decoration: underline;
}
a.hover {
  color: #fff;
  background: #A5C2DB;
  border-radius: 0.1875em;
  padding: 0 0.1875em;
}
<a class="link">Regular Link</a>
<br />
<a class="visited">Visited Link</a>
<br />
<a class="hover">Hovered Link</a>

:link = 青いテキスト 装飾なし

:visited = 下線付きの灰色のテキスト

:hover = 水色の背景に白いテキスト

:linkとは正常に:hover機能しますが、何らかの理由で:visited州が下線の表示を拒否しています。Firebugまたはインスペクターを使用するChromeおよびFirefoxでは、:visitedスタイルが動作していることを確認でき、テキストの色は灰色ですが、underline状態を拒否するだけです。

私が間違っていることについてのアイデアはありますか？

4

1 に答える 1

17

あなたは何も悪いことをしているわけではありません - それはそのようには機能しません (もはや)。:visited のスタイリングはセキュリティ ホールとして使用されたため、ブラウザー メーカーは基本的に、いくつかのプロパティ (「color」、「background-color」など) を除いて、:visited の代替スタイリングを排除しました。

参照: http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/

于 2012-04-25T17:20:18.637 に答える