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