drop-down-menu - Twitter ブートストラップドロップダウンメニューの z-index の問題

Question

ページ上部の固定ナビゲーションバーで Twitter ブートストラップドロップダウンメニューを使用しています。

すべて正常に動作しますが、ドロップダウンメニュー項目が他のページ要素の前ではなく後ろに表示されるという問題があります。

ページに何かがある場合position: relative(jquery ui アコーディオンや Google チャートなど)、ドロップダウンメニューがその背後に表示されます。dd メニューとナビゲーションバーのを変更しようとしましたz-indexが、違いはありません。

メニューを他のコンテンツの上に配置する唯一の方法は、コンテンツをposition: fixed;ORに変更することですz-index: -1; が、これらのソリューションはどちらも他の問題を引き起こします。

あなたが私に与えることができるどんな助けにも感謝します.

これはおそらく、私が誤解した CSS ポジショニングの標準的な問題だと思うので、コードは投稿していませんが、必要に応じて投稿できます。

ありがとう。

score 56 · Accepted Answer

何が起こっているのかを理解しました。

ヘッダー内にナビゲーションバーがありましたposition: fixed。

z-indexヘッダーのを変更し、現在は機能しています -z-index最初に !#@!?

ありがとう。

score 6 · Accepted Answer

6

これで修正されます

.navbar .nav > li {
z-index: 10000;
}

于 2013-03-22T10:34:55.347 に答える

score 3 · Accepted Answer

私は同じ問題を抱えていましたが、このトピックを読んだ後、これを CSS に追加することを解決しました。

.navbar-fixed-top {
    z-index: 10000;
}

私の場合、固定のトップメニューを使用しているためです。

score 2 · Accepted Answer

-webkit-transformnavbar からを削除することで解決しました:

-webkit-transform: translate3d(0, 0, 0);

score 0 · Accepted Answer

transform: translateY(50%);プロパティを削除することで、この問題を解決しました。

score 0 · Accepted Answer

これは私のために働いた：

.dropdown, .dropdown-menu {
  z-index:2;
}
.navbar {
  position: static;
  z-index: 1;
}

score 0 · Accepted Answer

0

私の場合、NavBar スタイルでこれを忘れたため、同じ問題が発生しました。

于 2020-08-15T02:14:12.037 に答える

drop-down-menu - Twitter ブートストラップ ドロップダウン メニューの z-index の問題