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

Question

5

我在我的导航栏下拉菜单和购物车下拉菜单中遇到了问题。

我不确定如何解决这个问题（我对css的z-index没有坚实的知识）。

我想要的是购物车菜单下拉框保持在导航栏菜单下拉框的顶部。

我已经更改了两个下拉菜单的z-index，但并没有起作用。谢谢。

以下是图片：

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

- afifnandya

你的JSFiddle似乎没有反映出你发布的图片。当点击购物车时，弹出框只会向下展开，而不会将其他内容一同移动下来。 - Geoff James

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mustapha Larhrouch · Accepted Answer

您需要将购物车菜单下拉框的z-index设为大于导航栏菜单下拉框的z-index

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

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