我有这个网站,左边的菜单上有一个"酒店"链接上的嵌套菜单。悬停在"hotel"上的子菜单在左侧有一个间隙,但由于鼠标在该间隙中悬停在嵌套的"ul"元素上,因此Firefox或Google Chrome中没有问题。但这在IE9中不起作用(不确定其他版本),实际上我无法访问子菜单,因为它消失了。
这是一个已知的bug吗?我做错什么了吗?
IE9将左侧的<ul/>
填充或左侧的<li/>
边距视为空内容,因此鼠标悬停将直接穿过它。我不知道它为什么这么做,但一个简单的解决方案是添加一个重复的透明背景图像,或者,如果不需要遗留支持,则添加background-color: (255, 255, 255, 0.01)
尝试删除嵌套UL 上的20px填充
然后给UL一个最高-5倍的利润
然后给嵌套的LI元素留出20px 的左边空白