「z-index」在Bootstrap導航欄和下拉列表中

Question

我的導航欄下拉列表和購物車下拉列表中存在問題。

我不知道如何解決這個問題（我對css z-index沒有深入的瞭解）。

我想要的是購物車菜單下拉菜單下拉菜單，並保留在navbar之上。

我在兩個下拉菜單上都更改了z-index，但無法正常工作。
謝謝。

以下是圖像：

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

Answer 1

需要ASIGN購物車菜單下拉比導航欄菜單下拉的z-index一個z-index更大

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

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