"z-index" Bootstrap 导航栏和下拉菜单

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