css - 下拉导航菜单被较低的 div 重叠

Question

堆栈，

我很难仅使用 CSS 创建一个好的下拉导航菜单。菜单很简单，里面只有几样东西，而且只需要下拉(不需要往下翻等)。

菜单有点工作，但每当我将鼠标悬停在它上面以将其放下时，菜单就会被菜单所在的标题 div 正下方的包装 div 重叠。我试过将下拉菜单的 z-index 设置为 20000，但它仍然重叠。

这是我正在处理的测试页面的直接链接:

http://www.lolbrary.com/workspace/dropdownheader.php

有什么想法吗？

谢谢，

比尔马拉基

Answer 1

在 #fullheaderbar 和 #profilemenu 中，您需要删除 overflow:hidden; 并在 .profile-menu ul 你需要改变 position:relative 到 position:absolute;

然后从那里调整 :)