引导按钮下拉列表的z-index

Question

我遇到了bootstrap下拉列表的z-index问题。

http://jonwhittlestone.com/public/z.html

在此页面中，传递按钮的关联下拉列表显示在容器的下层，并且似乎会限制它。

编辑以下内容似乎没有解决。

任何想法CSS人？

由于

乔恩。

Answer 1

这是overflow:hidden

的更改.panel问题

overflow:hidden不允许其子女出示

.panel-group .panel {
    background: #fbfbfb;
    margin-bottom: 0;
    border-radius: 5px;
    /* overflow: hidden; */ /* remove this */
    float: left; /* and add this */
    width: 100%; /* and add this */
    }

Answer 2

您的下拉列表未显示的原因是此元素的CSS选项为overflow:hidden：

<div class="panel panel-default">

修改bootstrap-alizarin.css第4100行并移除overflow:hidden。

完成此操作后，在.sanctions-result-actions div的结束标记后插入以下代码：

<div style="clear:both;"></div>

Answer 3

还有其他css样式（bootstrap-alizarin.css：4100），你必须改变它：

.panel-group .panel { 
    /*...*/
    overflow: hidden; /* to remove */
}

Answer 4

容器上的规则overflow: hidden是问题

将其覆盖为overflow: visible

Answer 5

我可以看到父类div与class =＆＃34; panel panel-default＆＃34;有一个溢出：隐藏。 如果要显示内部div的父溢出隐藏div，则必须将此div放在当前div之外。 查看此帖子：post