IE6 的 hover 伪类 bug
2009-09-06 10:52
489 查看
如下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=bg2312" />
5<title>IE中伪类:hover的使用及BUG - www.52css.com</title>
6</style>
</head>
<body>
<ul id="menu">
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
</ul>
</body>
</html>在IE6下，当hover时，不显示span元素。
解决这个问题：设置具体的a:hover{background:red;}(border:0也行！)；
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>IE中伪类:hover的使用及BUG - www.52css.com</title>
6</style>
</head>
<body>
<ul id="menu">
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
</ul>
</body>
</html>同样情况，当a的直接子元素是img时，在IE6下，img在显示后就消失不了，不过可以给img加个容器就可以解决。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=bg2312" />
5<title>IE中伪类:hover的使用及BUG - www.52css.com</title>
6</style>
</head>
<body>
<ul id="menu">
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
</ul>
</body>
</html>在IE6下，当hover时，不显示span元素。
解决这个问题：设置具体的a:hover{background:red;}(border:0也行！)；
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>IE中伪类:hover的使用及BUG - www.52css.com</title>
6</style>
</head>
<body>
<ul id="menu">
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
<li><a href="">雅虎<span>ddddddddd</span></a></li>
</ul>
</body>
</html>同样情况，当a的直接子元素是img时，在IE6下，img在显示后就消失不了，不过可以给img加个容器就可以解决。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【IE6的BUG一】链接伪类（:hover）CSS背景图片有闪动BUG
- IE6中伪类:hover的使用及BUG
- 【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG
- 【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG
- IE中伪类:hover的使用及BUG，以及如何在IE6中进行修正（CSS）
- IE6中伪类hover的使用及BUG说明
- IE6下hover伪类显示隐藏子元素bug及解决方案
- css伪类hover ie6bug，揭开IE6下hover不显示原因
- IE6不支持非A元素:hover伪类的bug的处理
- IE6下链接伪类（:hover）CSS背景图片有闪动BUG
- 【技术帖】IE6所有标签元素支持hover伪类的解决方案
- css---hover伪类在ie6下的处理方式
- 发现一个jquery的hover在ie6、7下的bug
- 使ie6 支持:hover等伪类
- 让IE6支持hover伪类效果
- IE6 中 a:hover 的bug
- 链接伪类（:hover）CSS背景图片有闪动BUG的解决方法
- CSS伪类:hover 在IE中使用及其BUG
- IE6下伪类hover失效问题及解决办法
- IE中伪类:hover的使用及BUG