Css 下拉菜单和隐藏显示的元素的Z索引问题

我只是补充了一点。但下拉菜单显示在my header底部div下，该div具有display:hidden。但这不是唯一的问题也是 被包含图像和div的my覆盖，我无法分辨哪个覆盖了我的下拉菜单

我不太熟悉使用z索引

---

解决此问题的最佳方法是什么？

检查包含菜单的容器是否具有相对位置。Z索引仅适用于位置属性为“相对”或“绝对”的元素

例如：

<div style="position:relative">Menu here</div>

---

检查包含菜单的容器是否具有相对位置。Z索引仅适用于位置属性为“相对”或“绝对”的元素

例如：

<div style="position:relative">Menu here</div>

---

通过CSS在两个元素上添加z-index属性。菜单和滑块

<div style="z-index:2;">Menu</div>

<div style="z-index:1;">Slider (or whatever coming after the menu)</div>

---

是的，原因是在位置上使用了两个元素：相对的

通过CSS在两个元素上添加z-index属性。菜单和滑块

<div style="z-index:2;">Menu</div>

<div style="z-index:1;">Slider (or whatever coming after the menu)</div>

---

是的，原因是在位置上使用了两个元素：相对的

我为整个页面创建了一个包装器div，将其设置为相对，并将下拉菜单设置为绝对。我简直不敢相信我只是为了一个菜单而这么做，还有别的方法吗？我为我的整个页面做了一个包装div，将其设置为相对，并将下拉菜单设置为绝对。真不敢相信我这么做只是为了一份菜单还有别的办法吗？