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

回答

相關問題