http://jsbin.com/asafow/4/edit#preview子菜单不能使用IE 7
我有这个菜单,它可以在FF,IE8/9 Chrome中正常工作。 但是,当我将鼠标悬停在“其他工作”上时,它无法在IE7上运行。
我想知道如果有人给我建议如何解决这个问题。
在此先感谢。
http://jsbin.com/asafow/4/edit#preview子菜单不能使用IE 7
我有这个菜单,它可以在FF,IE8/9 Chrome中正常工作。 但是,当我将鼠标悬停在“其他工作”上时,它无法在IE7上运行。
我想知道如果有人给我建议如何解决这个问题。
在此先感谢。
通常,子菜单不能在IE7上工作,因为CSS。 元素容器应具备的特性:
z-index:10; /* while 10 is any number */
我经历过这样的这个错误之前,我和这个CSS固定它。
我解决我的问题与:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
如果校验码你写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/
它不是在IE9工作在所有(至少对我来说)下面的链接解释;没有菜单显示。 IE8,菜单确实显示(与Firefox 9显示的不匹配)。 IE7,你会看到菜单,但是每个菜单项之间都有很大的空间。 – 2012-02-04 13:32:14