html - CSS: ドロップダウン メニューがコンテンツの背後に隠れる

Question

こちらのページをご覧ください

「肥満手術」をクリックすると、ドロップダウンメニューが表示されるはずです。(Twitter Bootstrap ドロップダウン メニューを使用しています)。

メニューが存在することは確認できますが、z-index が高い絶対位置にあるにもかかわらず、下にあるコンテンツの背後に隠れてしまいます。

これを修正する方法はありますか？

Answer 1

明らかに問題は z-index にあります。しかし、問題は実際には最上位の親にまで及びます。バナー クラスのヘッダー要素には、z-index: 1 があります。より大きな数値に設定すると、問題が修正されます。

.banner {
    position: relative;
    z-index: 10;
}

Answer 2

z-index:9999 を設定する必要があります。menu 要素とその子の

他の要素の z-index をいじって、ページ上の他の要素の上に保つことができます。