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

Question

请查看此page

如果您点击“肥胖症手术”，则会显示一个下拉菜单。 （它正在使用Twitter Bootstrap下拉菜单）。

我可以确认菜单在那里，但它隐藏在底层内容后面，即使它具有高z-index的绝对位置。

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

Answer 1

显然问题在于z-index。但问题实际上一直是最高的父母。带有banner类的header元素具有z-index：1。将其设置为更高的数字可以解决问题。

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

Answer 2

检查溢出设置是否设置为隐藏，是否将其删除。

.banner {
    overflow: hidden // remove
}

Answer 3

你应该设置z-index：9999;菜单元素及其子元素，以确保它们始终位于顶部。

您可以使用其他元素的z-index来将它们保持在页面上的其他元素之上。

Answer 4

问题实际上是由于最顶层的图像（云的图像）被设置为绝对位置和高z索引。感谢大家的帮助。

Answer 5

尝试在类下拉列表中添加以下样式：

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