[英]z-index for dropdown menu not working
My dropdown menu coming behind my nav bar , I applied z-index , but not supporting.我的下拉菜单位于导航栏后面,我应用了 z-index ,但不支持。 Need suggestions
需要建议
css css
.ChangeColor1{
z-index:-1 }
.adjTopSide{
margin-top: -40px;
z-index: -1;
}
Html html
<ul class="nav navbar-nav navbar-right adjTopSide">
<li class="dropdown" >
<a class="dropdown-toggle" data-toggle="dropdown" href="#/employerProfile" style="background-color: transparent;margin-top:-25px;"> <span class="caret"></span></a>
<ul class="dropdown-menu" position: absolute" >
<li ><a href="#/urprofile" style="cursor: pointer;">My Profile</a></li>
<li><a ng-click="logout()" style="cursor: pointer;">Logout</a></li>
</ul>
</li>
</ul>
<nav class="navbar navbar-static-top ChangeColor" >
</nav>
add this style.添加此样式。 if you give z-index then it necessary to give position property.
如果你给 z-index 那么就需要给 position 属性。
.adjTopSide{
margin-top: -40px;
position: relative;
z-index: 99;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.