引导程序头不是不透明

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。