css二级导航菜单IE兼容问题

用css是比较麻烦的。

我猜你那个间隙应该是用margin-top实现的吧，你试着把margin-top换成div，应该就没问题了。

比如：margin-top:5px;换成<div style="width:50px;height:5px;overflow:hidden;"></div>

你那个中间的缝隙是必须要存在的？还是自己出现的追问

加了margin值的，没有间隙的话感觉有些别扭

追答

我觉得你加了更别扭，以为，中间的缝隙看到了后面的背景，你这个是js写的吗？你这个在ie下面闪的原因就是因为有了缝隙，鼠标失去了hover事件，在ie下就会闪，但是在火狐下确实正常的，现在的方案就是，或者把中间缝隙去掉，加一些边框之类的东西，这样应该就没问题了，或者在外面的大层上加一个背景，试下

追问

能详细解释一下为什么会出现这种状况么 单单的解决问题的话好说
关键不明白原因
为什么会出现这种情况，怎么避免这种情况，或在代码上加些什么属性之类的
css写的，没用javascript

追答

这么给你解释吧，我个人理解，请勿上纲上线。。。。
在ie下，你hover之后，下面的div显示，如果没有背景，ie就会理解为，只有上么有背景颜色的地方是hover的作用于，也就是，你鼠标一再色块上面，ie就会理解为，还在hover状态只上，如果，没有色块了，ie就会认为，已经脱离了hover状态，就准备隐藏，在火狐下，就不会出现这个情况，火狐认为，只要这个div在，那么，hover效果就在，所以就不存在这个问题了，我个人理解，不一定对

本回答被提问者采纳

代码不长吧，至少HTML代码发出来