Html CSS：下拉菜单隐藏在内容后面

请看看这个

如果你点击“肥胖症手术”，将会显示一个下拉菜单。（它使用Twitter引导下拉菜单）

我可以确认菜单在那里，但它隐藏在底层内容后面，即使它有一个绝对位置，具有高z索引

---

你知道如何解决这个问题吗？

你应该设置z-index:9999；菜单元素及其子元素的属性，以确保它们始终位于顶部

---

您可以使用其他元素的z索引，使它们在页面上保持在其他元素之上

显然，问题在于z指数。但问题其实一直都在家长头上。banner类的header元素具有z索引：1。将其设置为更高的数字可以解决此问题

.banner {
    position: relative;
    z-index: 10;
}

---

这个问题实际上是由于最上面的图像（云的图像）设置了绝对位置和高z指数。谢谢大家的帮助

检查溢出设置是否设置为隐藏，如果设置为隐藏，请删除该值

.banner {
    overflow: hidden // remove
}

---

尝试将以下样式添加到“类”下拉列表中：

.dropdown {
  position: fixed;
  z-index: 9999;
}

---

请阅读：Put

z-index:99999我尝试为z-index添加一个非常高的值，但这并不能解决问题。@mdesdev的答案为我解决了这个问题！感谢这正是我所做的，没有运气。这对我来说很有效，但也许我的主页没有那么复杂。7年后的事实：谢谢！我只是在摆弄我的子菜单的z-index，但当我开始考虑元素树的其余部分时，它开始让我所做的更有意义了！