您的位置：首页 > 其它

IE6中a:hover选择子元素失效

2015-05-10 17:36 85 查看
h2{font-size:16px;font-weight:bold;}pre{overflow-y:scroll;height:300px;border:1px solid #999;}

1.问题代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML5</title>
<style>
a:hover span {
display:none;
}
</style>
</head>

<body>
<a href="" title=""><strong>我是</strong><span>中国人</span></a>
</body>
</html>
在其它浏览器中，当把鼠标放到链接上时，“中国人”这三个字会消失，但是在IE6中不会。

2.解决方法

要解决这个问题就必须触发a:hover的haslayout，例如a:hover { display:inline-block;}或者a:hover { zoom:1;}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航