Twitter Bootstrap按钮下拉不工作在IE9

更新：好吧，我找到了原因。按钮所在的灰色区域是导航的div。它具有固定的位置和高Z指数以使其浮动在其他元素之上。这是导致问题的原因。如果我删除父DIV的Z索引，它工作正常。但是我不能这么做，因为其他元素会重叠固定导航格。Twitter Bootstrap按钮下拉不工作在IE9

它是如何应该看起来像（火狐）

How it's Supposed to Look like (FIREFOX)

如何在IE渲染（9）

How it is rendered in 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来解决这个问题？

来源

2013-02-02 AnimaSola

看起来它可能与z-index有关。你有没有尝试明确地向''下拉菜单'列表和/或列表项添加一个z-index？ – levelnis

尝试添加'z-index：99999;'并检查结果。 – WooCaSh

是的，尝试过这些，但他们不工作。尽管欣赏你的答复！ :) – AnimaSola

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

应该做的伎俩......虽然取决于IE的版本有一些警告。

来源

2013-02-02 18:33:14

欣赏答案，但我试过了，它似乎并没有工作。我觉得这不是一个CSS问题，更多的是Twitter Bootstrap的JavaScript问题。 – AnimaSola

对不起，没有任何帮助。你可以发布页面的链接，以便我可以直接看代码，看看还有什么影响问题？ –

不用担心，真的很感谢你的投入！我们还没有发布，全部都在我的本地，对不起。一旦我们在线，我会让你知道。谢谢！ – AnimaSola

我与bootstrap有同样的问题3.从.navbar类删除过滤器属性为我工作。

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

来源

2013-10-12 05:08:32 noobcode

Twitter Bootstrap按钮下拉不工作在IE9

回答

相关问题