Question

我正在使用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>

Answer 1

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

我尝试评论各种IE8只有javascript文件，例如html5shiv.js和respond.js，但这不起作用。

问题在于我将CSSPie应用于类.dropdown-menu，因此在IE8中支持圆角。这显然与bootstrap.js在某种程度上有冲突，因此在我的CSS中注释掉下面的行之后，下拉背景出现了预期（虽然有方角！）

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

Twitter引导程序下拉菜单背景无法在IE8中呈现

1 个答案: