z-индекс для выпадающего меню не работает

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;
    }