如何使html元素在显示时与另一个元素重叠？

例如，我有一个移动响应站点，主菜单工作正常，但当我将浏览器窗口调整为较小时，会复制一个小屏幕，例如移动电话。。。。具有下拉列表的主菜单项之一显示在其他主菜单项的顶部。这意味着主菜单下拉项显示在一些主菜单文本的正下方

我已经做了z索引，所以下拉菜单确实位于顶部，但问题是，即使它位于顶部，下面的主菜单仍然显示

这是当您不设置z索引时，元素遵循默认顺序，并显示在顶部：

当没有元素具有z索引时，元素按从下到上的顺序堆叠：

根元素的背景和边框 正常流中的子体块，按HTML中的外观顺序排列 子体按HTML中的外观顺序定位元素 在HTML中，子菜单的ul显示在其他菜单项的HTML之前，因此其他菜单项显示在子菜单的背景之上

要解决此问题，请设置z索引，以便提升ul的背景：

导航ul{ z指数：1； }

---

请出示一些代码同意，出示代码。但我想你的菜单上没有背景色。即使是白色背景也会隐藏下面的内容，只显示您的菜单文本/内容。所以它们是重叠的，但您不希望它们重叠吗？我不明白你的目标。听起来好像你有你不想要的CSS定位。@AshleyYoung请回答你的问题，并将代码放在代码块中。为代码块缩进4个空格。重要代码不属于注释。}nav ul ul li:hover{display:block；font color:blue；font size:1.5em；z-index:99；position:relative；}您是国王@阿什利杨哈哈，谢谢。不过，在将来，让我们试着让这一过程更加顺利。这有点像过山车，如果我们从一开始就有完整的代码，我或其他人可以更快地回答。谢谢你和我们一起工作。

#nav ul ul li {
    display: block;
    font-color: blue;
    font-size: 1.5em;
    z-index: 1;
    position: relative;
}