【问题标题】: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 减号来选择

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-04-16
      • 2023-03-05
      • 1970-01-01
      • 1970-01-01
      • 2015-10-29
      • 1970-01-01
      • 2011-01-21
      • 1970-01-01
      相关资源
      最近更新 更多