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

【问题标题】：Bootstrap navbar dropdown list hides behind html select optionBootstrap 导航栏下拉列表隐藏在 html 选择选项后面
【发布时间】：2018-01-05 23:34:16
【问题描述】：

问题是我在引导导航栏下方的正文中有一个选择选项列表，当我打开选择列表并将鼠标悬停在导航栏上以打开其 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;
}

【问题讨论】：

给出标题位置和z-index。确实会成功的！
请也分享 HTML。
@Sonia 我使用了默认的引导程序固定顶部导航栏，给了它相对位置和 z-index 9999 但它不起作用

标签： javascript jquery html css navbar

【解决方案1】：

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

【讨论】：

【解决方案2】：

你必须给导航栏父类 z-index 比选择更多，并尝试给 z-index 减号来选择

【讨论】：