z-index位置绝对与固定

Question

我有一个表格视图，其中thead是固定的，web的标题和过滤器部分也是固定的，因此过滤器部分包含一个引导下拉列表，其z-index为1000＆amp; thead的z-index是1但仍然落后于它，下面是屏幕截图：

这里sortby（position: absolute; z-index:1000）落后于固定标题（position: fixed; z-index:1）

修改：Fiddle

Answer 1

父div z-index生效。您必须像container-fluid

那样给z-index更高的table-responsive

检查一下：https://jsfiddle.net/uwdncha0/1/

Answer 2

thead z-index:1和drop-down z-index:9;有效，请尝试调整它的顶部和边距值。

.inline-edit > thead {
    position: fixed;
    width: 100%;
    z-index: 1;
    background: #FFFFFF;
    top: 150px;
}
.inline-edit thead > tr {
    display: block;
}
.inline-edit thead > tr > th {
    display: block;
    float: left;
}
.inline-edit > tbody {
    width: 100%;
    display: block;
    margin-top: 78px;
}

.top_filter {
    padding: 15px 20px;
    margin-bottom: 10px;
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 54px;
    background: #FFFFFF;
}