问

如何让IE 9与davidstutz的Bootstrap Multiselect插件一起使用？

linlinfanny_744 发布于 2023-02-07 11:14

bootstrap

David Stutz使用Bootstrap和jQuery创建了一个包含多选项列表的插件.

资源:

Github上的消息来源

文档和示例

它适用于谷歌Chrome,Mozilla Firefox或我测试过的任何其他现代浏览器.

我的问题是IE,特别是版本9.0.8112.我正在尝试布置几个多选控件,一个在另一个之下.

您可以在下面的快照中注意到IE隐藏了一个扩展列表,位于其下方的多选控件后面.

快照问题

HTML代码如下:

    
        Year:
        
        
Quarter:

JS代码:

    $(document).ready(function () {
        $('.multiselect_filter').multiselect({
            numberDisplayed: 1
        });
    });

小的CSS修改(我已经证实那些不是原因):

.btn-group button {
    padding: 1px 3px 1px 3px;
    font-family: Verdana;
    font-size: 11px;
    color: #333333;
    text-align: left;
}
select {
    text-align: left;
}

我很想知道有没有人知道如何在IE 9上解决这个问题.

1 个回答

如果IE设置z-index为高值并覆盖其他任何值z-index.

<!--[if IE]>
<style type="text/css">
  .btn-group.open{
     z-index: 9999 !important;
  }
</style>
<![endif]-->

2023-02-07 11:16 回答

丁扣其

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签