為什麼在 Google Chrome 中使用 CSS :visited 更改已造訪連結的背景圖片失敗？

Google Chrome：已訪問背景圖像問題

Web 開發人員遇到了使用CSS 更改已訪問連結的背景圖像的問題：訪問的偽類無法在Google Chrome 中工作，而在Firefox、IE 和Opera 等其他瀏覽器中工作。

一位使用者使用以下程式碼遇到了此問題：

<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 中停止。

解決方案

目前，建議的解決方法是使用背景顏色而不是背景圖像來更改訪問連結的外觀。雖然這可能無法提供所需的視覺效果，但它確保了跨瀏覽器的兼容性。

以上是為什麼在 Google Chrome 中使用 CSS :visited 更改已造訪連結的背景圖片失敗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！