twitter-bootstrap - 覆盖元素 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;

    }

然而，当我向下滚动时，导航栏仍在注册部分/表单内联下方

标签： twitter-bootstrap