2012-02-04 36 views
0

http://jsbin.com/asafow/4/edit#preview子菜单不能使用IE 7

我有这个菜单,它可以在FF,IE8/9 Chrome中正常工作。 但是,当我将鼠标悬停在“其他工作”上时,它无法在IE7上运行。

我想知道如果有人给我建议如何解决这个问题。

在此先感谢。

+1

它不是在IE9工作在所有(至少对我来说)下面的链接解释;没有菜单显示。 IE8,菜单确实显示(与Firefox 9显示的不匹配)。 IE7,你会看到菜单,但是每个菜单项之间都有很大的空间。 – 2012-02-04 13:32:14

回答

0

通常,子菜单不能在IE7上工作,因为CSS。 元素容器应具备的特性:

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

我经历过这样的这个错误之前,我和这个CSS固定它。

0

我解决我的问题与:

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

如果校验码你写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/