Google Chrome で CSS :visited を使用して訪問済みリンクの背景画像を変更すると失敗するのはなぜですか?

Google Chrome :訪問済みの背景画像の問題

Web 開発者は、CSS を使用して訪問済みのリンクの背景画像を変更するときに問題が発生しました。訪問した疑似クラスは、Firefox、IE、Opera などの他のブラウザで機能しているときに、Google Chrome で機能しません。

あるユーザーが次のコードでこの問題に遭遇しました:

<code class="css">.forum_box .title a {
  background-image:url(../images/f_unread.png);
  background-position:10px center;
  background-repeat:no-repeat;
  background-color:transparent;
  color:#2D4054;
  font-size:14px;
  padding:10px 12px 10px 44px;
  text-decoration:none;
  display:block;
  font-weight:bold;
}
.forum_box .title a:visited {
  background-image:url(../images/f_read.png);
}</code>

試行画像の代わりに色を使用するか、背景プロパティに両方を組み込むことも Chrome では失敗しました。

プライバシーに関する懸念と Mozilla の解決策

ユーザーが更新したように、この問題はプライバシーの問題に関連している可能性があります。 Mozilla は、これらの懸念に対処するために、2010 年 3 月に CSS の変更を発表しました。ユーザーがリンクしたバグは、現在の動作が意図的であり、Firefox の将来のバージョンでも廃止される可能性が高いことを示唆しています。

解決策

現時点で推奨される回避策は、background-image の代わりにbackground-color を使用して、訪問済みリンクの外観を変更することです。これにより、望ましい視覚効果が得られない可能性がありますが、ブラウザ間の互換性が確保されます。

以上がGoogle Chrome で CSS :visited を使用して訪問済みリンクの背景画像を変更すると失敗するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。