下拉菜单不完全重叠菜单选项。 Z-index设置

Question

我扩展了菜单，以便您可以在http://ocart.site/opencart/

上看到重叠的菜单

您知道要应用哪些Z-index设置，因此当您将鼠标悬停在桌面上时菜单会下降。您无法在下拉列表中看到“组件”菜单标题。

Answer 1

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

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

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

#menu > ul > li

和

#menu > ul > li > a

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

然后你需要将z-index设置为1，如下所示：

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

完成后，您将能够看到菜单标题上的下拉菜单，它不会被遮挡。

Answer 2

更改stylesheet

中的以下css代码

从position:relative; #menu > ul > li

中删除line No 338

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

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

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