顯示垂直菜單css的問題

我用css做了一個垂直菜單。這是一個與子菜單類似的菜單這一個： http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-vertical/顯示垂直菜單css的問題

在這裏你可以看到一個例子： alt text

它工作得很好，但是當我在子菜單中的一個點擊查看該信息，其他子菜單消失，這是菜單留在文本下面。所以如果我想通過點擊另一個子菜單來改變頁面，我不能，我必須回家。

這裏是我的CSS代碼：

#menu ul { 
list-style: none; 
margin: 0; 
padding: 3px; 
width: 100%; 
font-size: 14px; 
} 

#menu h2 { 
color: white; 
background: #9370D8; 
padding: 4px; 
text-align:center; 
font-size:15px; 
width: 100%; 
display: block; 
} 

#menu a { 
color: black; 
background: white; 
text-decoration: none; 
display: block; 
font-weight: bold; 
width: 100%; 
padding:4px; 
} 

#menu a:hover { 
color: black; 
background: #eee; 
} 

#menu li { 
position: relative; 
} 

#menu ul ul ul { 
position: absolute; 
top: 0; 
left: 100%; 
width: 100%; 
} 

div#menu ul ul ul, 
div#menu ul ul li:hover ul ul 
{display: none;} 

div#menu ul ul li:hover ul, 
div#menu ul ul ul li:hover ul 
{display: block;}

和HTML代碼：

<div id="menu"> 
    <ul> 
    <li><h2>Browse</h2> 
     <ul> 
     <li><a href="/browse/districts/">Districts</a></li> 
     <li><a href="/browse/time/" >Time</a></li> 
     </ul> 
    </li> 
    </ul> 
    <ul> 
     <li><h2>Analyze</h2> 
     <ul> 
      <li><a href="#">Co-occurrence</a> 
       <ul> 
       <li><a href="/analyse/co-occurrence/percentage" >Percentage</a></li> 
       <li><a href="/analyse/co-occurrence/regions" >Regions</a></li> 
       </ul> 
      </li>  
      <li><a href="#">Geographical</a> 
      <ul> 
       <li><a href="/analyse/geographical/districts/">Districts</a></li> 
       <li><a href="/analyse/geographical/citizenship/">Citizenship</a></li> 
      </ul> 
      </li> 
     </ul> 
    </div>

比如我會用上面的鏈接。如果我點擊文件夾2中的子項目2.1，我會看到一些帶有信息的頁面。
現在我想從文件夾1中看到子項目1.1，但是我的問題是當我點擊其中一個子菜單時我無法看到子項目1.1，所以如果我想單擊子項目1.1我必須回到主界面

的問題如下： alt text

任何幫助會感激:) 謝謝！

來源

2010-09-16 pavid

我真的不明白的問題。你能指點我們的例子，還是至少張貼HTML代碼？ – 2010-09-16 10:03:08

我已經更新，但我認爲是與CSS的東西。希望通過這個例子你可以理解這個問題。 – pavid 2010-09-16 10:28:13

您仍然需要提供更多信息。您發佈的CSS/HTML不適用於我。但是，您似乎只在與您家的不同頁面上出現菜單問題。你在用別的東西嗎？ JavaScript例如？ – irishbuzz 2010-09-16 13:47:09

問題是z-索引。

我閱讀教程，頭版有一個z-index：-1;
並且該菜單具有z-索引：1;

所以下面是不行的，你必須設置是這樣的：

body 
{ 
    z-index: 1; 
} 

sub-menu 
{ 
    z-index: 999; 
}

來源

2010-10-14 14:37:14 pavid

顯示垂直菜單css的問題

回答

相關問題