提供されたテキストに基づいた質問形式のタイトルをいくつか示します。 問題に焦点を当てます: * IE7 のブートストラップ ドロップダウンが他の要素の背後に隠れる: なぜですか? * 表示されるブートストラップ ドロップダウンを修正する方法

ブートストラップ ドロップダウン メニューが他の要素の背後に表示される

問題の概要

ドロップダウン メニュー クラスを使用して作成されたブートストラップ ドロップダウンが、テキストなどの背後に表示されますInternet Explorer 7 の要素。z-index を調整しようとしても、問題は解決しません。

原因

この問題は、スタッキング コンテキストの競合によって発生します。 Z インデックスは、同じスタッキング コンテキスト内の要素にのみ影響します。この場合、ドロップダウン メニューは必要なコンテキスト内に適切に配置されていません。

解決策

この問題を解決するには、次の CSS を親コンテナ header-top:

に追加します。

.header-top {
  position: relative;
  z-index: 10000;
}

これにより、親コンテナが相対位置に設定され、必要な Z インデックスが適用され、ドロップダウン メニューが適切に積み重ねられ、他の要素の前に表示されるようになります。

以上が提供されたテキストに基づいた質問形式のタイトルをいくつか示します。 問題に焦点を当てます: * IE7 のブートストラップ ドロップダウンが他の要素の背後に隠れる: なぜですか? * 表示されるブートストラップ ドロップダウンを修正する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。