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

Question

我在使用名为Maxi Menu的Joomla菜单模块时遇到了一个愚蠢的问题。这是一个截图：

Link to website

问题似乎是由于z-index造成的。我已经使用过firebug进行了检查，但是我们还没有找到下层菜单如何找到最佳状态。

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

如何继续使用12000和类似z-indices的其他菜单项？

z-indices的Firbug显示：

Answer 1

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

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

Answer 2

您还必须向父z-index元素添加更高的ul，所以如果您有：

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

...然后这将解决它

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