Question

我需要在bootstrap中的下拉菜单类中设置下拉列表的z-index。我试图设置z-index：1000，但它对我不起作用。

任何人都可以就此问题向我提供指导：

.dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

Answer 1

z-index可以被继承，也许父div上有z-index:0 !important;，所以你必须设置!important来覆盖它。

z-index: 9999 !important;

或者您已将菜单项设置为比父项具有更少的z-index，因此它们会重叠。

Answer 2

等一下！您的代码中有display: none;。删除它！

引导下拉菜单类的z-index问题

2 个答案: