下拉菜单没有完全重叠的菜单选项。 Z索引设定

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