IE7中CSS菜单的奇怪的可见性问题
我有一个仅支持CSS的菜单(即没有JS),它在所有现代浏览器中都很出色,但在IE7中有一个奇怪的错误。 它在IE6中运行得不好,但我们不需要在这里解决。 问题如下:
将鼠标悬停在菜单选项选项卡上时,会显示下拉菜单。 当您将鼠标移出该选项时,下拉菜单消失 - 仅在IE7中,该选项卡也会消失! 获取我的位置就是这个 - 如果您再次将鼠标悬停在其上,或者将鼠标悬停在任何其他选项卡上,该选项卡将重新出现。 这怎么可能?! 鼠标悬停在另一个元素使原始标签可见agin? 令人讨厌的是,它在这个网站的最后一个版本中起作用,并且在新设计中,它被破坏了。 我试过比较,并且无法弄清楚它是什么。
这里是当前破碎版本的一个小提琴:http://jsfiddle.net/pXZLJ/1/
这是旧的工作之一:http://jsfiddle.net/43utK/
查看这些在IE7中看到的问题。 帮帮我? 谢谢 :)
尝试删除您的CSS中的这一行: .nrmenu * {position:relative}
。 它似乎解决了一些问题。
编辑:正如sarcastyx指出,它似乎影响下拉菜单。 所以,添加position:relative
对于.nrmenu li
并再次出现下拉菜单。