Question

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

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

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

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

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

一个叫它的课 - ＆gt; <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类，问题就解决了，但我不希望UI改变，所以我不能删除它们。

Answer 1

我找到了解决方案。（我的不好，我之前没有看到它:(）

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

Answer 2

由于您要将正版loaded添加到正文中，您可以执行以下操作：

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

Zindex工作不正常

2 个答案: