css - z-index 较高的元素仍位于 z-index 较低的元素下方

Question

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

链接到网站

问题似乎是由于z-index. 我已经使用萤火虫进行了检查，但还没有发现下部菜单是如何出现在顶部的。

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

12000它在其他具有类似 z 索引的菜单项下仍然如何运行？

z 索引的 Firbug 显示：

Answer 1

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

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

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;
}