为什么我访问过的链接没有背景颜色?

时间:2011-05-04 20:32:18

标签: css background-color

似乎a:visited将无法在我的链接上显示背景颜色。

http://jsfiddle.net/davestein/D2srA/

我错过了什么超级简单的事情?

5 个答案:

答案 0 :(得分:5)

如果正常的a:visited具有背景颜色,无论是明确定义还是通过继承,a上的背景颜色似乎都可以正常工作(正如Dave在FF,Chrome和Safari中所述) (直接父母实际上必须有背景颜色才能成为现实。)

显然,必须始终为a定义背景颜色并不理想,因为该网站可能有背景图像。

CSS bug ..?

答案 1 :(得分:3)

尝试a)设置默认背景颜色(如#fff)和b)删除!important,如下所示:

http://jsfiddle.net/D2srA/10/

答案 2 :(得分:1)

我不确定这里的技术原因,但如果我为a添加背景颜色,这似乎对我有用:

a { background-color:#ffffff; }

a:访问过{ background-color:#ff0000; }

答案 3 :(得分:0)

如果我这样做,它对我不起作用。但是如果我添加每个伪类都可以。例如:

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF; background-color:black;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

答案 4 :(得分:0)

!重要的是卡车

a:active {color:#0000FF !important;}
a:visited {color:#0000FF !important;}