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

Question

我扩展了菜单，因此您可以在 http://ocart.site/opencart/ 上看到重叠的菜单

当您将鼠标悬停在桌面上并且菜单下拉时，您知道要应用哪些 Z-index 设置吗？您在下拉列表中看不到组件菜单标题。

Answer 1

在您的样式表中更改以下CSS代码

从 #menu > ul > li 第 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 > div 第 364 行

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