您的位置:首页 > 其它

[IE6]IE6:hover失效

2012-07-19 10:47 344 查看
大家都知道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}  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: