1

私は箱から出してTwitter Bootstrapを使用しています。IE8 を除くすべてのブラウザーで適切に機能するドロップダウン メニューがあります。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>

4

1 に答える 1

0

あなたが説明したように、私もこの問題を抱えていました。ドロップダウンの背景は、クリック後 1 ミリ秒間正しい場所に表示された後、位置から飛び出し、ページの他の場所をクリックしても消えません。

html5shiv.jsやrespond.jsなど、IE8専用のjavascriptファイルをいろいろコメントアウトしてみましたが、だめでした。

.dropdown-menu問題は、IE8 で角丸がサポートされるように、クラスに CSSPie を適用していたことです。これはどういうわけか明らかにbootstrap.jsと競合していたので、CSSで以下の行をコメントアウトした後、ドロップダウンの背景が期待どおりに表示されました（角が直角ですが！）

.dropdown-menu{behavior:url(/Resources/CSS/CSSPie/PIE.htc)}
于 2014-01-21T10:32:57.177 に答える