首頁 > web前端 > css教學 > 為什麼 IE7 中 Bootstrap 下拉選單會出現在其他內容後面?

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

Patricia Arquette
發布: 2024-10-26 16:58:30
原創
513 人瀏覽過

Why Do Bootstrap Dropdowns Appear Behind Other Content in IE7?

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

問題:

答案:

此行為源自於堆疊上下文問題。雖然 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板