Hier sind einige Titel im Fragestil, die auf Ihrem bereitgestellten Text basieren: Konzentrieren Sie sich auf das Problem: * Bootstrap-Dropdowns, die in IE7 hinter anderen Elementen versteckt sind: Warum? * So beheben Sie angezeigte Bootstrap-Dropdowns

Bootstrap-Dropdown-Menüs werden hinter anderen Elementen angezeigt

Problemübersicht

Bootstrap-Dropdowns, die mit der Dropdown-Menü-Klasse erstellt wurden, werden hinter Text und anderen Elementen angezeigt Elemente in Internet Explorer 7. Trotz Versuchen, den Z-Index anzupassen, besteht das Problem weiterhin.

Ursache

Das Problem entsteht aufgrund eines Stapelkontextkonflikts. Der Z-Index betrifft nur Elemente innerhalb desselben Stapelkontexts. In diesem Fall wird das Dropdown-Menü nicht richtig im erforderlichen Kontext platziert.

Lösung

Um das Problem zu beheben, fügen Sie dem übergeordneten Container oben im Header das folgende CSS hinzu:

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

Dadurch wird der übergeordnete Container auf eine relative Position gesetzt und der gewünschte Z-Index angewendet, um sicherzustellen, dass das Dropdown-Menü ordnungsgemäß gestapelt und vor anderen Elementen angezeigt wird.

Das obige ist der detaillierte Inhalt vonHier sind einige Titel im Fragestil, die auf Ihrem bereitgestellten Text basieren: Konzentrieren Sie sich auf das Problem: * Bootstrap-Dropdowns, die in IE7 hinter anderen Elementen versteckt sind: Warum? * So beheben Sie angezeigte Bootstrap-Dropdowns. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!