CSS a:访问过的背景图片不适用?

时间:2014-04-03 21:06:27

标签: html css css3

我试图在下载'上获取背景图片。链接以在点击和下载后更改为绿色勾选。我申请了一个:访问过,a:悬停和一个:主动,悬停正在工作,但不知何故a:访问过:和活跃的没有,任何想法为什么?

form.download a:visited{
background: url("../images/tick-active.png") no-repeat 10px 5px;       
}

form.download a:hover{
background: url("../images/tick-active.png") no-repeat 10px 5px;
}

form.download a:active{
background: url("../images/tick-active.png") no-repeat 10px 5px;
}

另外,这是一个jsfiddle

3 个答案:

答案 0 :(得分:3)

它不起作用,因为某些浏览器将其视为隐私侵犯。

背景颜色应该有效。我想背景图片是问题,因为您可以通过跟踪对服务器的图像请求来查看用户访问过哪些页面。

见这里:

background-image: for :visited links?

Google chrome a:visited background image not working

答案 1 :(得分:0)

锚点的访问和活动基于URL。

如果您坐在锚指向的URL处,则“活动”是所选的。

访问过的网址和“已访问”

也是如此

答案 2 :(得分:0)

这是因为X-Frame-Options选项。对于JSFiddle,它是SAMEORIGIN,这就是a:visitedhref位于同一原点之前无法工作的原因。

旁注:请记住伪类按以下顺序工作:

  1. link
  2. visited
  3. hover
  4. active