css - 背景图像 : for :visited links?

Question

是否可以将 background-image: 属性添加到已访问的链接？

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

谢谢

编辑:看来这是一个安全漏洞，这就是无法完成的原因。没有迹象表明浏览器正在阻止此 css 样式。

Answer 1

根据大多数规范，您的代码是正确的。然而，many browsers认为已访问链接上的背景图片可能侵犯用户隐私，因此他们不允许这样做。

观察这个例子:

<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 忽略已访问链接的背景图像声明，并且从不显示单独的小猫。您可以使用背景颜色 进行一些区分。无论如何，仅依靠图像是不好的可用性。