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