zIndex的工作不正常

-1

我有一个网站，你可以在http://www.ssdpsjal.tk zIndex的工作不正常

参观正如你可以看到当你使用PC浏览网页，导航菜单出现在装载机。这是为什么发生？

我只添加以下行到我的CSS： -

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

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

而一个类来调用它 - > <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 -->

EDIT 2

如果我删除导航栏和导航栏逆类，问题是固定的但我不想UI改变，所以我不能删除它们。

来源

2017-02-18 Webmaster

删除利润率从底部CSS –

仍然没有运气，但它仍然是相同的 – Webmaster

@Webmaster发布完整的代码 –

由于要添加loaded类体，你可以这样做：

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

来源

2017-02-18 13:50:04 pol

感谢您对本，它解决了我字面上83 :)更多的问题 – Webmaster

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

据我JQuery的导航栏和导航栏逆已经占据somwhere别人，所以我只是用style=""标签

来源

2017-02-18 13:47:52 Webmaster

zIndex的工作不正常

回答

相关问题