css - background-image: for :visited links?

Question

訪問したリンクに background-image: プロパティを追加することは可能ですか?

 a.coolLinks:visited{
     background-image:url("http://www.ledr.com/colours/black.jpg");
}

ありがとう

編集：これはセキュリティの脆弱性であり、これが実行できない理由です。ブラウザーがこの css スタイルをブロックしているという兆候はありませんでした。

Answer 1

あなたのコードは、ほとんどの仕様に従って正しいです。ただし、多くのブラウザは、訪問したリンクの背景画像はユーザーのプライバシーを侵害する可能性があると考えているため、許可していません。

次の例を確認してください。

<p><a href="/unvisited">Unvisited link</a></p>

<p><a href="http://jsfiddle.net/">Visited Link</a></p>

<style>
a {
  background:red url("http://placekitten.com/100/101?image=2") center center no-repeat;
  display: block;
  height: 200px;
  width: 200px;
  overflow: hidden;
  text-align: center;
  background-color: red;
}

a:visited {
  background:blue url("http://placekitten.com/100/100?image=1") center center no-repeat;
}
</style>

（http://jsfiddle.net/Yq5GY/1/でも）。Firefox は、訪問したリンクの背景画像の宣言を無視し、単独の子猫を表示しません。背景色で差別化を図ることができます。とにかく画像だけに頼るのは使い勝手が悪い。

Answer 2

：visitedのMDN仕様では、background-imageが許可されていないことに気付くでしょう。

Answer 3

:visited@KatieK が示唆したように、ほとんどのブラウザは、プライバシーの問題であるため、リンクにbackground-image [background-color などの他のルールでさえ] を設定することを許可しません。次のリンクを使用して、それについて読むことができます。

1. プライバシー関連の変更
2. 報告されたバグ