Question

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

这是css二级导航的二级菜单（纯css制作）
鼠标划过二级导航li间的缝隙时，在IE6 7 8中，二级导航都会消失
而在火狐 谷歌 苹果 opera等浏览器正常
代码不少 ，我就没粘，谁也遇到过同样的问题，为什么会出现这种情况
怎么解决
要代码的话加QQ271489408
不是我舍不得分 而是没多少分

Answer 1

用css是比较麻烦的。

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

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

Answer 2

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

追问

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

追答

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

追问

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

追答

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

Answer 3

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