Javascript 点击汉堡按钮时覆盖，并通过同一按钮禁用

我有一个问题，如何使覆盖工作，因为我想。问题是，当我点击burger按钮时，覆盖层覆盖了引导导航栏甚至滑动菜单。我想要的是，覆盖只影响HTML主体，不包括导航栏和侧边栏。此外，我想通过同一个按钮禁用覆盖，但我也不知道如何管理它。任何帮助。代码如下

（）上的函数{ document.getElementById（“覆盖”）.style.display=“块”； } 函数off（）{ document.getElementById（“覆盖”）.style.display=“无”； } //移动菜单幻灯片从左侧开始 $（'[data toggle=“slide collapse”]'）。在（'click'，function（）上{ $navMenuCont=$（$（this.data（'target'））； $navMenuCont.animate（{'width'：'toggle'}，350）； });

#覆盖{
位置：固定；
显示：无；
宽度：100%；
身高：100%；
排名：0；
左：0；
右：0；
底部：0；
背景色：rgba（0,0,0,0.5）；
z指数：2；
光标：指针；
}

您没有为导航栏创建导航

堆叠上下文由文档中的任意元素构成 在以下情况下：

位置值为“绝对”或“相对”的元素，以及 z-除“自动”之外的索引值

您需要添加：

navbar {
  z-index: 5;
}

#myNavbar {
  z-index: 5;
  position: relative;
}

---

这将允许它们相对于主体和覆盖层以及您拥有的任何其他对象进行堆叠。您也可以在DOM中将覆盖层移动到它们的上方，这样我猜在语义上（？）它会堆叠在导航栏之前。但这可能不是必需的。

dgig，当我应用你上面提出的方法时，导航栏相互重叠。dgig，事实上你是对的，我在堆叠上玩了一个机器人，它很有魅力。谢谢你，伙计