Bootstrap导航栏下拉列表隐藏在html选择选项后面

Question

问题是，我的主体正好在引导导航栏下方有一个选择选项列表，当我打开选择列表并将鼠标悬停在导航栏上打开它的dropdwon时出现问题，我试过这个solution但它对我不起作用。

.select-style {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    background-image: url(/getmedia/f5d6e976-be64-4f97-b0bf-b4bb2c9ddf15/Dropdown.aspx);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 96% center;
}
.select-style {
    border: 1px solid #ececec;
    font-size: 15px;
    font-family: arialRegular;
}

Answer 1

你必须给navbar父类z-index多选择并尝试在减去givr z-index中选择

Answer 2

＆＃13;

＆＃13;

.select-style { 
  z-index:initial;
}

＆＃13;

＆＃13;

＆＃13;