ブートストラップヘッダーが不透明ではありません

Question

私はブートストラップヘッダーを持っていて、コンテナ本体を持っています。 何らかの理由で、ハンバーガーメニューをクリックすると背景が半透明になります。 不透明度、ヘッダの位置を静的/固定/絶対に変更しようとしましたが、背景色を変更しても何も動作しないようです。

ここでメニュー をクリックした後、私のナビゲーションバーコードは、背景には、お使いの半透明ではありません

 <div class="container">    

      <div class="navbar-header"> 


       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       </button> 


      </div> 
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
       <ul class="nav navbar-nav hidden-lg hidden-md hidden-sm"> 
        <li><a href="/buyonline/sample-contract" target="_blank">View Sample Contract</a></li> 
        <li><a href="#" data-toggle="modal" data-target="#faqsModal">FAQs</a></li> 
        <li><a href="#" data-toggle="modal" data-target="#clickpoint-modal-container-form" id="clickPoint-link">Call me with a quote</a></li> 
       </ul> 
      </div> 
     </div><!-- Container --> 

</nav> 

Answer 1

<nav class="navbar navbar-default navbar-fixed-top"> 

ナビゲーションバーに固定されたトップを追加し、問題を解決しているようです。

参照先：http://jsfiddle.net/menriquez/L235efdv/

Answer 2

ある "ステップ1：..." z-index高いがあります。