Мое выпадающее меню находится за моей навигационной панелью, я применил 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>

my dropdown menu is coming behind nav bar

0
Nicoleta Wilskon 16 Май 2018 в 09:28

1 ответ

Лучший ответ

Добавить этот стиль. если вы укажете z-index, тогда необходимо указать свойство position.

 .adjTopSide{
        margin-top: -40px;
         position: relative;
         z-index: 99;
    }
4
patelarpan 16 Май 2018 в 06:30