Question

我有这个菜单，它在FF，IE8 / 9 Chrome中运行良好。但当我将鼠标悬停在“其他工作”上时，它在IE7上不起作用。

我想知道是否有人给我建议如何解决问题。

提前致谢。

Answer 1

通常，由于CSS，子菜单不适用于IE7。元素容器应具有以下属性：

z-index:10; /* while 10 is any number */

之前我遇到过这样的错误，我用这个css修复了它。

Answer 2

我解决了我的问题：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Answer 3

如果你检查代码，你已经写了css

#nav li:hover{
    background: #01291e url('http://www.cecilieokada.com/assets/images/cecilie/hover.png') no-repeat 50% 33px;
    line-height: 47px;
}

如果删除line-height，则此行高会导致问题：47px;那么它在IE7中运行良好。如果您只想删除IE7，那么您可以使用条件注释，如下面链接

中所述

http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

子菜单不适用于IE 7

3 个答案: