使用 Bootstrap Modal 选择下拉列表 Z 索引问题答案

【问题标题】：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 示例。

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

【问题讨论】：

【解决方案1】：

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

.accordion > .card{
   overflow: hidden;
}

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

.accordion > .card{
   overflow: inherit;
}

【讨论】：