css - 下拉菜单的 z-index 不起作用

Question

我的下拉菜单在我的导航栏后面，我应用了 z-index ，但不支持。需要建议

CSS

 .ChangeColor1{
    z-index:-1    }

.adjTopSide{
        margin-top: -40px;
        z-index: -1;
    }

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>

Answer 1

添加此样式。如果你给 z-index 那么有必要给 position 属性。

 .adjTopSide{
        margin-top: -40px;
         position: relative;
         z-index: 99;
    }