Internet Explorer 7 悬停下拉菜单

Question

我只使用 css 创建了一个简单的下拉菜单，它在除 Internet Explorer 7 之外的所有浏览器中都可以正常工作，当我将鼠标悬停到菜单链接时，它会显示下拉项目，但是当鼠标离开链接时，下拉项目会消失，我该如何解决？

Answer 1

当我的菜单发生这种情况时，通常是因为在 :hover 上临时显示的元素与触发临时显示的元素之间存在空格。

你有链接或一些示例代码吗？

Answer 2

您基本上需要将display a 元素作为block 元素与零margin。

ul li a {
    display: block;
    margin: 0;
}

要给元素一些内部空间，只需改用padding。