[IE6]IE6:hover失效

大家都知道IE6之支持<a>标签的:hover行为了,但是通常在做实际效果的时候<a>标签 :hoverIE6下会失效,

失效一般发生在你想通过hover切换a标签内部子标签样式的时候。

 

看例子:

<html>
<head>
<title>无标题文档</title>
<style type="text/css">
    a:hover { }
    a:hover span{color:#F00;}
</style>
</head>

<body>

<a href="#">鼠标经过时改变我的<span>颜色</span></a>

</body>

</html>

IE6下“颜色”根本就不会变成红色,其他浏览器都是好的,要解决这个问题就必须触发a:hoverlayout,例如a:hover { display:inline-block}或者a:hover { _zoom:1}  

 

posted @ 2012-07-19 10:47  Mamboer  阅读(513)  评论(0编辑  收藏  举报