下拉菜單的 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;
    }