下拉菜单不完全重叠菜单选项.Z索引设置

Question

我已经展开了菜单，这样您就可以在http://ocart.site/opencart/

你知道当你把鼠标悬停在桌面上，菜单下降时，应该应用哪些Z索引设置吗。在下拉列表中看不到"组件"菜单标题。

Answer 1

在stylesheet中更改以下css代码

从#menu > ul > liline No 338中删除position:relative;

#menu > ul > li {
float: left;
padding: 6px 5px 5px 0;
/* position: relative; */ /* Remove this property */
z-index: 0;
}

并将z-index:10设置为#menu > ul > li > divline No 364

#menu > ul > li > div {
z-index:10;
}

Answer 2

您需要对样式表进行一些更改。

在查看链接并检查代码后，我发现您需要做以下操作：

从以下样式中删除z-index属性：

#menu > ul > li

和

#menu > ul > li > a

您不需要为这两个元素中的任何一个声明z-index。

然后你需要将z索引1设置为如下所示：

#menu > ul > li > div {
z-index: 1;
}

一旦你完成了，你将能够看到菜单标题上方的下拉菜单，它不会被遮挡。