Javascript 使用z索引将菜单分层

我有以下代码：

我使用鼠标悬停来显示灰色背景，但是无论我使用什么

z-index

，导航栏都不会在

.bt

上方

---

我遗漏了什么吗？

非常简单，只需添加

位置：相对至
.navbar

演示

您需要建立“堆叠上下文”，其中一种方法是定位和分配
z-index
值。定位需要绝对地或相对地进行，并且必须显式地声明它，即使默认情况下它是相对的，您仍然需要声明它