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

Javascript 引导导航栏下拉列表隐藏在html选择选项后面,javascript,jquery,html,css,navbar,Javascript,Jquery,Html,Css,Navbar,问题是,我的身体里有一个选择选项列表,就在引导导航栏的下方,当我打开选择列表并将鼠标悬停在导航栏上打开它的下拉菜单时,问题就出现了,我已经尝试过了,但它对我不起作用 您必须为navbar父类z-index指定多于select的值,并尝试在减号中givr z-index以选择 。选择样式{ z指数:初始值; }给出收割台位置和z索引。真的会成功的!也请共享HTML。@Sonia我使用了默认的引导固定顶部导航栏,给了它相对位置和z索引9999,但它不起作用 .select-style {

问题是,我的身体里有一个选择选项列表,就在引导导航栏的下方,当我打开选择列表并将鼠标悬停在导航栏上打开它的下拉菜单时,问题就出现了,我已经尝试过了,但它对我不起作用


您必须为navbar父类z-index指定多于select的值,并尝试在减号中givr z-index以选择

。选择样式{
z指数:初始值;

}
给出收割台位置和z索引。真的会成功的!也请共享HTML。@Sonia我使用了默认的引导固定顶部导航栏,给了它相对位置和z索引9999,但它不起作用
.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;
}