为什么在 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中文网其他相关文章！