下拉菜单位于图像下方

Question

今天我在我的网站LiveGreen

中遇到了奇怪的经历

当我将鼠标悬停在菜单服务上时，下拉列表会显示在下方的图像部分下方。我尝试了各种可能的方式，比如定位和z-index ing，各种各样，google了很多，用HTML和CSS还不错，它正在测试我。

此主题已购买，因此无法发布代码。你可以从网站上查看。

请帮帮我。

Answer 1

删除cartTotal类的z-index属性。

.main

Answer 2

这很难实现，因为很少有独特的类可以关闭。问题的根本原因是z-index高于菜单的元素将z-index应用于DOM树的更高位置，这使得它在顶部呈现。我能想到的最好的方法是应用以下内容，前提是#aq-block-8801-5块始终是导航菜单容器。

#aq-block-8801-5 {
  position: relative;
  z-index: 2;
}