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的工作不正常

回答

相關問題