Bootstrap导航栏和下拉列表中的“z-index”

Question

我的导航栏下拉列表和购物车下拉列表出现问题。

我不知道如何解决这个问题（我对css z-index没有扎实的了解。）

我想要的是购物车菜单下拉菜单，以便保持在navbar菜单下拉列表的顶部。

我在两个下拉菜单中都更改了z-index并且无法正常工作 感谢。

这是图片：

这是工作的jsfiddle：
https://jsfiddle.net/nmdh5vmv/2/

Answer 1

您需要退出购物车菜单下拉列表z-index大于z-index导航栏菜单下拉列表

.mega-dropdown-menu{
  z-index: 1;
}

.shopping-whist-bag{
  z-index: 2;
}