[IE6]IE6:hover失效

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

失效一般发生在你想通过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:hover的layout，例如a:hover { display:inline-block}或者a:hover { _zoom:1}　　

 

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