Переопределить элементы Z-index

Question

Я новичок в начальной загрузке.Мой веб-сайт имеет следующую структуру

<nav class="navbar fixed-top" id="mainNav">>

        <div class="container">
           //stuff goes here
        </div>
</nav>

<section id="signup" class="signup-section">
   <div class="container">
        //stuff goes here
      <form class="form-inline d-flex">
         //stuff goes here
      </form>
   </div>

</section>

Затем я сделал следующие изменения z-индекса на панели навигации

 .container
    {
       position:relative;


      }

   .navbar
    {

     z-index:9;
     }


  .signup-section{

   z-index:1;

    }

   .form-inline{

    z-index:1;

    }

Все же панель навигации по-прежнемупод разделом регистрации / встроенной формой, когда я прокручиваю доу