0

我有这个网站，在左侧菜单的“酒店”链接上有一个嵌套菜单。悬停在“hotel”上的子菜单在左侧有一个空隙，但由于在空隙中鼠标悬停在嵌套的“ul”元素上，因此在 Firefox 或 Google Chrome 中没有问题。但这在 IE9 中不起作用（不确定其他版本），事实上我无法到达子菜单，因为它消失了。

这是一个已知的错误？难道我做错了什么？

4

2 回答 2

1

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

然后给UL一个-5px的边距顶部

然后给嵌套的 LI 元素一个 20px 的 margin-left

于 2012-07-16T11:37:04.047 回答
1

IE9 将<ul/>padding-left 或<li/>margin-left 视为空内容，因此鼠标悬停直接穿过它。我不确定为什么要这样做，但一个简单的解决方法是添加重复的透明背景图像，或者，如果不需要旧版支持，添加background-color: (255, 255, 255, 0.01)

于 2012-07-16T12:36:18.980 回答