如何将列表项目放在菜单项的前面？

Question

我知道标题很混乱。所以我只是用图片来解释。

这是导航栏的完整窗口视图：

这是我降低屏幕分辨率的时候：

项目列表位于菜单项后面。我如何将它们带到前面？

Answer 1

增加项目的z-index。

项目的zindex＆gt;菜单

Answer 2

这是您正在寻找的CSS

.menu > li{
    z-index:100;
}

Z-index 允许您在屏幕深度内“堆叠”项目。具有较低值（-25）的项目在较大值（0或100）的项目下方或更合适地堆叠。

Answer 3

首先，检查您的HTML结构，定位您的＆＃34;子级别＆＃34;容器（将下拉的列表），并确保具有position值，因此z-index值将起作用。然后添加z-index值（并检查是否有任何其他z-index值可能会干扰您的导航菜单）。