嵌套鏈接覆蓋

最內部的嵌套鏈接出現在第二個內部最內部的嵌套鏈接上。他們甚至不應該顯示，直到他們的父母被點擊。嵌套鏈接覆蓋

HTML：

<ul> 
    <li class="current-menu-ancestor"> 
     <a href="#">about us</a> 
     <ul class="sub-menu"> 
      <li class="current-menu-ancestor"> 
       <a href="#">locations</a> 
       <ul class="sub-menu"> 
        <li class="current-menu-ancestor"> 
         <a href="#">georgia</a> 
         <ul class="sub-menu"> 
          <li class="current-menu-item"> 
           <a href="#">atlanta</a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul>

在這裏看到：http://guardianwebtest.edulence.com/ashford/locations/main/georgia

3層工作，但由於某些原因，第四被覆蓋。不知道爲什麼會這樣。

來源

2012-05-14 Kegan Quimby

這可能是一個瀏覽器問題。我查了一下，IE9的標準模式就像你說的那樣失敗了，但是怪癖模式顯示列表沒問題（儘管還有其他樣式問題）。 – dnagirl

是的，但它不適用於任何其他瀏覽器。另外，與頭部兼容性導航鏈接斷開..... –

當你第一次說「嵌套鏈接」我以爲你的意思是你有嵌套的鏈接。哈哈，傻我。 –

問題是由下面的規則中聲明的高度引起的。如果你刪除它所有的物品停止壓扁在一起：

#content-wrap #sidebar li ul.sub-menu li ul.sub-menu li, 
#content-wrap #sidebar ul.sub-menu li:first-child ul.sub-menu li{ 
    background: url("images/l-nav-subnav.gif") no-repeat scroll 0 0 transparent; 
    margin-left: 30px; 
    padding-left: 15px; 
    height: 20px; /* remove this line */ 
}

來源

2012-05-14 16:35:51 tw16

嵌套鏈接覆蓋

回答

相關問題