引導下拉選單出現在其他內容後面
問題:
答案:
此行為源自於堆疊上下文問題。雖然 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>
以上是為什麼 IE7 中 Bootstrap 下拉選單會出現在其他內容後面?的詳細內容。更多資訊請關注PHP中文網其他相關文章!