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

我也遇到了这个问题，和你描述的一样。单击后下拉背景出现在正确的位置一毫秒，然后跳出位置并且在单击页面上的其他位置时不会消失。

我尝试注释掉各种仅限 IE8 的 javascript 文件，例如 html5shiv.js 和 respond.js，但这没有用。

问题是我将 CSSPie 应用于 class .dropdown-menu，因此 IE8 支持圆角。这显然与 bootstrap.js 冲突，所以在我的 CSS 中注释掉下面的行之后，下拉背景按预期出现（尽管有方角！）

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