Bootstrap标头不是不透明的

Question

我有一个bootstrap标头，我有一个容器体。 出于某种原因，当我点击汉堡包菜单时，背景是半透明的。 我尝试将不透明度，标题位置更改为静态/固定/绝对，也改变了背景颜色似乎无效。

单击菜单后 这是我的导航条形码

        <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

背景不是半透明的，你的＆＃34;步骤1：......＆＃34;有更高的z-index。

Answer 2

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

添加navbar-fixed-top似乎解决了这个问题。

参考文献：http://jsfiddle.net/menriquez/L235efdv/