Twitter Bootstrap下拉菜單背景無法在IE8中呈現

我正在使用Twitter Bootstrap開箱即用。我有一個下拉菜單，除IE8以外的所有瀏覽器都能正常工作。當單擊ie8中的按鈕時，列表項將顯示爲沒有背景，但是當我將鼠標懸停在列表項上時出現。如果我不從下拉菜單中選擇一個項目並單擊下拉菜單以外的區域，背景會移動但不會消失。任何想法爲什麼？這裏是我的代碼：Twitter Bootstrap下拉菜單背景無法在IE8中呈現

<div class="btn-group"> 
<div class="input-prepend"> 
    <button class="btn"><div id="searchThis">Name</div>&nbsp;</button> 
    <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
     <li id="name" rel="Last name, First name"><a href="#">Name</a></li> 
     <li id="org-name" rel="Organization Name"><a href="#">Org Name</a></li> 
     <li id="org-code" rel="Organization Code"><a href="#">Org Code</a></li> 
     <li id="state" rel="State"><a href="#">State</a></li> 
     <li id="country" rel="Country"><a href="#">Country</a></li> 
    </ul> 
    <div class="input-append"> 
     <input id="search" type="search" placeholder="Last Name, First Name" name="search" class="input-text span12" /> 
     <button type="submit" title="" class="button btn btn-primary"><i class="icon-search icon-white"></i></button> 
    </div> 
</div>

來源

2012-11-06 jfrancois

我也有這個問題，完全按照自己的描述。點擊後，下拉背景出現在正確的位置一毫秒，然後跳出位置並在點擊頁面上的其他位置時不會消失。

我試着評論各種IE8只javascript文件，如html5shiv.js和respond.js，但沒有奏效。

問題是我正在將CSSPie應用到類.dropdown-menu，以便在IE8中支持圓角。這顯然與bootstrap.js有衝突，所以在我的CSS註釋掉下面的行後，下拉背景出現如預期的那樣（儘管有方角！）

.dropdown-menu{behavior:url(/Resources/CSS/CSSPie/PIE.htc)}

來源

2014-01-21 10:32:57

Twitter Bootstrap下拉菜單背景無法在IE8中呈現

回答

相關問題