Z索引较高的元素仍位于Z索引较低的元素下方

Question

我在Joomla菜单模块Maxi Menu上遇到了一个愚蠢的问题。这是屏幕截图：

链接到网站

该问题似乎是由于引起的z-index。我已经使用Firebug进行了检查，但是还无法确定下部菜单是如何显示在顶部的。

有趣的事实是，将菜单项悬停后，其z-index会更改为15000高于页面上的任何其他菜单项。

在具有12000类似Z索引的其他菜单项下，它仍如何进行？

Z索引的Firbug显示：

Answer 1

添加position:relative到 z-index 为 10 和 20 的两个 div。

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