Zindex 无法正常工作

Question

我有一个网站，您可以访问 http://www.ssdpsjal.tk

正如您使用PC访问网站时看到的那样，导航菜单出现在加载器上。为什么会这样？

我只在 css 中添加了以下几行：-

<style>
.navbar-inverse {
   background-color: #3A1F3B;
   border-color: #222222;
}

.navbar {
   margin-bottom: 0px;
}
</style>

还有一个class来调用它-> <nav class="MY_OLD_CLASSES + nav nav_inverse">

我没有添加任何其他内容，请帮助我解决问题。

感谢帮助

编辑

我的完整代码是

<style>
.navbar-inverse {
  background-color: #3A1F3B;
  border-color: #222222;
}

.navbar {}
</style>
    <div class="navbar navbar-inverse nav-bar-main" role="navigation">
        <div class="container">
            <nav class="main-navigation clearfix visible-md visible-lg" role="navigation">
                    <ul class="main-menu sf-menu">

                       <?php 
                                            foreach ($main as $lvl1){
                                                if(strpos($lvl1->href, 'http') !== false){ $lvl1_link = $lvl1->href;} else {$lvl1_link = link_url().$lvl1->href;}                                                   
                                                echo '<li><a href="'.$lvl1_link.'">'.$lvl1->title.'</a>';

                                                If ($lvl1->dropdown == "1"){
                                                    echo '<ul class="sub-menu" style="width:300px;">';                                                      
                                                    foreach ($sub as $lvl2){
                                                        If ($lvl2->mid == $lvl1->id){
                                                            If ($lvl2->dropdown == "1"){

                                                                if(strpos($lvl2->href, 'http') !== false){$lvl2_link = $lvl2->href;} else {$lvl2_link = link_url().$lvl2->href;}                                                                    
                                                                echo '<li><a href="'.$lvl2_link.'">'.$lvl2->title.'</a><ul class="sub-menu">';
                                                                foreach($subsub as $lvl3){
                                                                    If ($lvl3->mid == $lvl2->id){

                                                                        if(strpos($lvl3->href, 'http') !== false){$lvl3_link = $lvl3->href;} else {$lvl3_link = link_url().$lvl3->href;}                                                                            
                                                                        echo '<li><a href="'.$lvl3_link.'">'.$lvl3->title.'</a></li>';
                                                                    }
                                                                }
                                                                echo '</ul></li>';
                                                                }else{
                                                                if(strpos($lvl2->href, 'http') !== false){$lvl2_link = $lvl2->href;} else {$lvl2_link = link_url().$lvl2->href;}
                                                                echo '<li><a href="'.$lvl2_link.'">'.$lvl2->title.'</a></li>';
                                                            }
                                                        }
                                                    }
                                                    echo '</ul>';
                                                }
                                                echo '</li>';
                                            }
                                        ?>

                    </ul> <!-- /.main-menu -->

            </nav> <!-- /.main-navigation -->
        </div> <!-- /.container -->
    </div> <!-- /.nav-bar-main -->

编辑 2

如果我删除 navbar 和 navbar-inverse classes，问题就解决了，但我不想 UI 改变，所以我不能删除它们。

Answer 1

我找到了解决办法。（我的错，我之前没有看到它:( )

根据我的 JQuery 导航栏和 navbar-inverse 已经在其他地方被占用所以我只是使用 style="" 标签

Answer 2

因为你要添加 class loaded 到正文，你可以这样做：

body:not(.loaded) .navbar {
  display: none;
}

Zindex 无法正常工作

Zindex Not working properly

html

css

tags

nav