悬停不适用于 ie9 中的嵌套 ul



我有这个网站,左边的菜单上有一个"酒店"链接上的嵌套菜单。悬停在"hotel"上的子菜单在左侧有一个间隙,但由于鼠标在该间隙中悬停在嵌套的"ul"元素上,因此Firefox或Google Chrome中没有问题。但这在IE9中不起作用(不确定其他版本),实际上我无法访问子菜单,因为它消失了。

这是一个已知的bug吗?我做错什么了吗?

IE9将左侧的<ul/>填充或左侧的<li/>边距视为空内容,因此鼠标悬停将直接穿过它。我不知道它为什么这么做,但一个简单的解决方案是添加一个重复的透明背景图像,或者,如果不需要遗留支持,则添加background-color: (255, 255, 255, 0.01)

尝试删除嵌套UL 上的20px填充

然后给UL一个最高-5倍的利润

然后给嵌套的LI元素留出20px 的左边空白

最新更新