IE6、火狐不支持a:visited

今天做个样式,想让超链接点击后变成灰色,可发现IE里是没问题,可火狐就全灰色的。我测试了好几遍,发现不是顺序的问题。当然可以在火狐里地址栏里输入about:config。可总不能让用户去那里改吧。以下是我写的样式
   a:link{color: #000099; text-decoration: none;}
   a:hover{color:#f00; text-decoration: underline;}
   a:visited{color: #CCCCCC; text-decoration: none;}

问题以弄清除,不是火狐不支持,是我写的不规范。我在这里说说原因吧,以后有朋友在做样式的时候,也好有个提示。

首先你的样式顺序得对,正确的样式如下:
a:link{color:#07519A;text-decoration:none;}
a:visited{ color: #CCCCCC;text-decoration:none;}
a:hover {color: #FF0000;text-decoration:underline;}
a:active{color:#CCCCCC;text-decoration:none;}
其次里的href不能是空路径,必须是实际存在的网址。
最后一点是如果这样都不行的话可以去工具->清除隐私数据

 

ie遇到该问题,修改排序,不再报这个问题。亲测有效。

 

转自:http://blog.sina.com.cn/s/blog_860f19b30101acbi.html

posted @ 2016-05-26 14:50  水晶糖  阅读(358)  评论(0编辑  收藏  举报