css - Bootstrap 下拉菜单出现在 IE7 中的 Flexslider 下方

Question

下拉菜单（当您将鼠标移到右侧的登录链接上时）在除 IE7 之外的所有浏览器中都正确显示。

在 IE 7 中，它出现在使用 FlexSlider 插件创建的滑动图像下方。

http://www.dreamsmedia.org/ajmat/index.html

Answer 1

我知道我的回答很晚，但如果有人有同样的问题！

尝试这个 ： .slidercontainer {position:absolute; z-index: -1000}

Answer 2

将 z-index 添加到登录表单的导航栏容器 div。例如，使用内联 CSS：

<div class="nav_block container" style="z-index: 1000;">
  ...
    <div class="dropdown-menu ie7 pull-right" id="login-form" aria-labelledby="login-form">

在这种情况下，z-index 仅与其父级相关，因此将 z-index 添加到 login-form div 不会解决问题。这是由于 div 堆叠上下文。有关堆叠上下文的更多信息：https ://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index/The_stacking_context