【问题标题】:Chosen dropdown list Z index issue with Bootstrap Modal使用 Bootstrap Modal 选择下拉列表 Z 索引问题
【发布时间】:2021-03-06 03:46:46
【问题描述】:

所选的下拉列表始终位于模型上下一个可用卡片元素的下方。

我试过了

.class-of-dropdown {
    position: relative;
    z-index: 5000;
}
.modal-body {
    overflow-y:visible;
}

这是jsfiddle 示例。

我已经尝试了几种修复方法,但似乎都没有效果。

Chosen dropdown within Bootstrap modal is hidden behind modal footer

How to Solve Option Select appeared behind modal using bootstrap?

Bootstrap dropdownlist z-index displaying under modal window footer

how to make chosen select go over parent div

【问题讨论】:

    标签: html twitter-bootstrap bootstrap-modal z-index jquery-chosen


    【解决方案1】:

    有一个 CSS 导致了这个问题。模式打开后,有一个名为“另一个标题”的 div,其中有一个名为card 的类。这个card 类有一个导致问题的默认scss;

    .accordion > .card{
       overflow: hidden;
    }
    

    解决办法就是写下面给出的CSS来覆盖这个CSS;

    .accordion > .card{
       overflow: inherit;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-01-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多