css - 为什么这个 CSS 下拉菜单在 IE9 中消失了

Question

在我的网站上：http: //www.carbonfibergear.com/如果您将鼠标悬停在“SHOP”菜单上，它会显示一个基于此的下拉列表。我注意到在 IE9 中，一旦您将鼠标移出 word shop，下拉菜单就会消失。知道如何解决这个问题吗？

您可以在此答案中看到此问题的一些更新（请通读评论）：https ://stackoverflow.com/a/15622168/1464510

Answer 1

看起来你的按钮和 IE 不喜欢的菜单之间有一个间隙。它假设你正在将鼠标悬停在按钮上。如果你快速移动忍者，你可以保持菜单的焦点。

改变：

header nav #nav-site li {
margin: 0 10px 3px 0;
}

至：

header nav #nav-site li {
padding: 0 10px 3px 0;
}

看看这是否有帮助.. IE 在计算包括边距在内的整体框大小时表现得很奇怪。