悬停时子菜单不可见

Question

请参阅我的代码和演示 Here。我不是很习惯 css 但它很简单，我已经看到许多演示几乎使用相同的代码。但我无法捕捉到导致问题的差异

我需要在 UserForm 下打开一个子菜单，但它在悬停时不可见（使用 css）

Answer 1

从#main_nav ul ul 中删除 "top" 和 "left"，如下所示：

#main_nav ul ul {
    position: absolute;
    visibility: hidden;
}

这是因为 "position: absolute" 的工作方式。在您的情况下，父 "li" 具有 "position: static" （默认），在这种情况下 "position: absolute" 使子 ul 绝对放置在整个文档中。如果你只是删除 "visiblity: hidden" 然后它被放置在页面的底部，你可以看到这个。另一种解决方案是将 "position: relative" 设置为父 li

悬停时子菜单不可见

Submenu is not getting visible on hover

css

hover

submenu

drop-down-menu