為什麼 IE7 中 Bootstrap 下拉選單會出現在其他內容後面？

引導下拉選單出現在其他內容後面

問題：

答案：

此行為源自於堆疊上下文問題。雖然 z-index 會影響同一堆疊上下文中的元素，但下拉清單必須放置在同時具有 z-index 和position 屬性的容器中。

解決方案：

修改header-top div 的CSS 如下所示：

<code class="css">.header-top {
  z-index: 10000;
  position: relative;
}

.header .header-nav ul#nav-account ul.dropdown-menu,
.header .header-nav ul#nav-library ul.dropdown-menu {
  z-index: 10000;
}</code>

透過設定header-top div 的z- index 和位置，您可以建立一個新的堆疊上下文，下拉清單位於其中，確保它始終出現在頁面內容前面。

以上是為什麼 IE7 中 Bootstrap 下拉選單會出現在其他內容後面？的詳細內容。更多資訊請關注PHP中文網其他相關文章！