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

标签 css hover drop-down-menu z-index

堆栈,

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

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

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

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

有什么想法吗?

谢谢,

比尔马拉基

最佳答案

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

然后从那里调整 :)

关于css - 下拉导航菜单被较低的 div 重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7520753/

相关文章:

在 Angular 8 中转换后 CSS 规则被省略

javascript - 移除 JavaScript 行为

html - 是否可以制作带有动画和悬停比例的 html div?

jquery - 新鲜的眼睛请 - 主题问题 - jquery/select

javascript - 单击页面上的其他位置打开下拉菜单

javascript - 矩阵缩放/从点平移

元素周围的html动态边框

javascript - jQuery 更改悬停在颜色上,然后返回到原始颜色

javascript - Bootstrap 下拉菜单不起作用

html - 当我悬停 flex 元素时如何实现这一点?