html - Bootstrap header 不是不透明的

Question

我有一个 Bootstrap header 和一个容器主体。出于某种原因，当我点击汉堡包菜单时，背景是半透明的。我尝试将不透明度、标题位置更改为静态/固定/绝对，还更改了背景颜色似乎没有任何效果。

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

        <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

背景不是半透明的，您的“第 1 步:...”具有更高的 z-index。