Css z指数较高的元素仍位于z指数较低的元素下方

我有一个叫Maxi菜单的Joomla菜单模块的愚蠢问题。以下是一个屏幕截图：

问题似乎是由

z-index

引起的。我已经使用firebug进行了检查，但还没有发现较低的菜单是如何显示在顶部的

有趣的事实是，在一个菜单项悬停后，它的z索引变为

15000

高于页面上的任何其他菜单项

在其他具有

12000

和类似z索引的菜单项下，它仍然运行得如何

Firbug z指数显示：

---

您还必须向父

ul

元素添加更高的

z-index

，因此如果您有：

<ul class="menu banner_menu maximenuck" style="">
 <li class="maximenuck item184 parent first level1 " style="z-index : 12000;......

---

将

位置：相对

添加到z索引为10和20的两个div

---

Z索引是相对于第一个具有非静态位置（绝对、相对、固定）的父级计算的。

我在位置上看到很多Z索引：相对；z-index只对position:absolute有效。@MattCharlton，是的，但悬停元素是绝对的，z-indez为15000。另一个元素怎么能超越它呢？它实际上是将15000添加到这两个元素中，因为它们都被引用为level1@MattCharlton，我理解你的意思，我只看到一个元素一次将其z索引更改为15000。看我的更新。哦。。美好的你能解释一下，为什么不管孩子的情况如何，父母都有必要拥有更高的z指数？@Starx：详细解释。。。你基本上可以阅读

。。。如果z索引值为100的元素包含在定位父元素中，而z索引值为1的元素不包含在定位父元素中，则z索引值为100的元素将显示在z索引值为1的元素下方。

您链接的文章非常好。因为根据它，下一个答案是正确的。所以我会接受这个，但是a+1对你来说。

.menu.banner_menu.maximenuck {
 z-index: 15000;
}