css – background-image:for:访问过的链接?

前端之家收集整理的这篇文章主要介绍了css – background-image:for:访问过的链接?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以将background-image:属性添加到访问过的链接
a.coolLinks:visited{
     background-image:url("http://www.ledr.com/colours/black.jpg");
}

谢谢

编辑:所以看来这是一个安全漏洞,这就是为什么它无法完成.没有迹象表明浏览器阻止了这种css风格.

解决方法

根据大多数规范,您的代码是正确的.但是,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忽略了访问过的链接的背景图像声明,并且从不显示独奏小猫.您可以使用背景颜色进行区分.无论如何,单独依赖图像是不好的可用性.

猜你在找的CSS相关文章