`
simon.liubin
  • 浏览: 13851 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

a:hover,a:active失效

CSS 
阅读更多

现象:
     a标签的伪类选择器,在点击之后,一直保持为a:visited的样式。a:hover,a:active的css失效了。

解决方式:

    将a:visited样式写在前面,一种顺序为:a:link{} a:visited{} a:hover{} a:active{}。
原因:

    如果写成这样:a:link{} a:hover{} a:active{} a:visited{} 可能是a:visited{}将a:hover{} a:active{}的样式给覆盖了。

 

分享到:
评论

相关推荐

    IE6PNG透明支持a:hover源码

    一般的JS代码只支持PNG图片的普通属性,但使用A:HOVER的时候背景透明就失效了。下面是支持A:HOVER的方式,IE6PNG透明支持a:hover源码,注意:使用此方法不能和其他PNG的JS一起使用

    使IE6支持:hover效果使用li:hover或div:hover

    在IE6中只兼容a:hover,要使用li:hover或div:hover,需引用一个文件使其兼容: csshover.htc(点击直接查看) 放在网站的根目录下,并在css文件(或者<style>标签)中,加上 复制代码代码如下: body { behavior:...

    li:hover的解决方案

    因为IE6里只有a才有houver属性,为了解决这个问题找了半天,最后找到一个最合适的,其它也不是li:hover.只是用事件改变class对IE6.0而言

    ie6支持li:hover的方法

    运用以上的代码可以使ie6支持li:hover的使用

    在CSS中定义a:link、a:visited、a:hover、a:active正确顺序

    以前用CSS一直没有遇到过这个问题:a:link、a:visited、a:hover、a:active定义时的正确排序是什么?很是疑惑,于是乎搜集整理一番,写出来和大家分享一下,希望可以帮助你们

    圆角菜单CSS制作 圆角菜单CSS制作

    .orange a:hover p,.orange a:hover .row2,.orange a:hover .row3,.orange a:hover .row4{ background:#fa0; } .yellow p,.yellow .row2,.yellow .row3,.yellow .row4{ background:#aaa; } .yellow a:hover p,....

    让ie6非A元素支持:hover的htc代码

    让ie6非A元素支持:hover的htc代码

    纯css:hover伪类多级下拉菜单代码

    纯css:hover伪类多级下拉菜单代码演示地址:http://www.777moban.com/Preview/28_198/

    css通过伪类来设置超链接样式附示例

    (3) :hover:设置对象在其鼠标悬停时的样式表属性。 (4) :active:设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。 css中关于超链接的四个属性正确顺序为: 复制代码代码如下: a:link {...

    CSS: hover选择器的使用详解

    有些时候需要用到mouseover和mouseout这两个鼠标事件,但是写js又比较麻烦,还要添加监听事件,所以能用css解决的东西尽量yongcss解决,这样可以提高性能,下面说一下我对:hover 的了解: ...a:hover { backg

    a标签样式 和 a标签属性写法

    a标签样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a 表示所有状态下的连接 ...④ a:hover:鼠标移到链接上时 ,如 .m

    CSS a:hover伪类在IE6下的问题

    在处理css的机制上,IE总是有很多让人吐血的举动,但对于他们现在的改进力度还是值得高兴的。

    HTML5&CSS3网页制作:链接伪类.pptx

    a:hover a:active 链接伪类 超链接标记<a>的伪类 含义 a:link{ CSS样式规则; } 未访问时超链接的状态 a:visited{ CSS样式规则; } 访问后超链接的状态 a:hover{ CSS样式规则; } 鼠标经过、悬停时超链接的状态 a:...

    css静态滤镜 + A:Hover 效果第1/3页

    css静态滤镜 + A:Hover 效果

    仿MAC官网导航菜单样式源文件

    #nav .n02 a:active { background-position:-118px -76px; } #nav .n03 a:link { background-position:-235px 0; } #nav .n03 a:visited { background-position:-235px -114px; } #nav .n03 a:hover { background-...

    Whatever:hover 无需javascript让IE支持丰富伪类

    Whatever:hover 是一个小小的脚本,它可以迅速、自动地为IE6,IE7,IE8添加标准的 :hover、:active 和:focus 伪类支持。第三版引入了 ajax 支持,意味着通过 javascript动态添加到文档中的任意html元素也同样可以在...

    完美解决IE6不支持hover的方法

    IE6以及更低版本的浏览器对“:hover”的支持不理想,对于类似的“p:hover”、“img:hover”、“#header:hover”...,今天给大家介绍一种新的方法,可以完美解决IE6不支持hover的情况,用法很简单,将下载后的“css...

Global site tag (gtag.js) - Google Analytics