Bootstrap导航栏位于背景上方

Question

当前，我的导航栏浮动在我的内容上方。 我试图使z-index高于背景。

有人知道吗？

我的HTML：

  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">

         

        <a class="brand" style="margin: 0; float: none;" href="#">
            <img src="/img/helmet.png" alt="logo" title="logo" height="100" with="50" />
        </a>

        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">

            <ul class="navbar-nav pull-left">
                <li class="nav-item active"><a href="#" class="nav-link">Status</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Download</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Teamspeak</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Teamspeak</a></li>
            </ul>

            <ul class="navbar-nav pull-right">
                <li class="nav-item"><a href="#" class="nav-link">Teamspeak Bot</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Travel</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Plex</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Contact</a></li>
            </ul>
        </div>

    </nav>

css： https://pastebin.com/5Z5y8YF0 （感谢Marios Nikolaou：））