Question

这是我的网站www.colaistemhuire.org 它在每个浏览器中都能正常工作，除了在IE6 / 7中，当我将鼠标移动到子菜单时，菜单上的悬停不会保持可见。

由于每个顶级菜单项都链接到带有子菜单的新页面，有没有一种快速的方法可以让IE6 / 7忽略鼠标悬停，这样当有人在这些浏览器中查看网站时会将鼠标悬停在顶级菜单，他们根本没有看到下拉菜单？

或者有一个修复程序可以使这些子菜单保持可见吗？

由于

Answer 1

现在IE6和7的总和不到所有用户的1％。你确定值得花时间吗？

但无论如何，我会做那样的事情：

<!--[if lte IE 7]>     <html class="oldIE"> <![endif]-->
<!--[if gt IE 7]><!--> <html>         <!--<![endif]-->


.oldIE li:hover ul {
   display: none;
}

Answer 2

是的，只为IE制作一种风格，就像Eugene建议的那样，只是让它变得重要。

.oldIE li:hover ul {display: none !important;}

Answer 3

您可以使用条件评论

<head>
<title>Extra-Curricular - Col&#225;iste Mhuire Ballygar</title>
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
<!--[if !(IE 6)]>   
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
<![endif]-->
<!--[if IE 6]>  
<link rel="stylesheet" type="text/css" href="style_pacthed.css" media="screen"/>
<![endif]-->
</head>

如何停止显示悬停子菜单的Internet Explorer 6/7

3 个答案: