Twitter引导程序按钮下拉列表在IE9中无效

Question

更新：好的，我找到了原因。按钮所在的灰色区域是导航的div。它具有固定位置和高z指数，使其浮动在其他元素之上。这就是导致问题的原因。如果我删除父DIV的z-index，它可以正常工作。但我不能这样做，因为其他元素将与固定导航div重叠。

看起来如何（FIREFOX）

如何在IE（9）中呈现

完整代码：

<div class="btn-group pull-right">
    <a class="btn btn-primary btn-large dropdown-toggle" style="font-weight: bold; margin-top:15px" data-toggle="dropdown">
    Hi @User.Identity.Name!
    <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <li><a href="@Url.Action("Index","Lab")">Open the Lab</a></li>
        <li class="divider"></li>
        <li><a href="/Account/LogOff">Log-out</a></li>
    </ul>
</div>

任何人都有任何想法或变通办法/覆盖我需要在CSS中填写这个问题吗？

Answer 1

.dropdown-menu{
z-index:99;
}

应该做的诀窍......虽然取决于IE的版本，但有一些警告。

Answer 2

我遇到了与bootstrap相同的问题3.从.navbar类中删除过滤器属性对我有用。

.navbar {
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);*/
}