如何製作一個從css頂部固定的下拉菜單？

Question

我想製作一個像http://www.homeshop18.com/這樣的下拉菜單，只用css而不用jquery，特別是所有的category菜單。我嘗試過css下拉菜單，但問題是我無法修復頂部的二級菜單。任何建議將不勝感激。

Answer 1

無法理解您發佈問題的方式，但here是一個快捷菜單，我將它放在一起，只使用CSS，它的功能與您發佈的網站上的菜單類似。

HTML：

<ul class="main"> 
    <li>all 
     <ul class="sub"> 
      <li>books 
       <ul class="sub2"> 
        <li>fiction</li> 
        <li>biography</li>      
       </ul> 
      </li> 
      <li>mobile 
       <ul class="sub2"> 
        <li>android</li> 
        <li>cmda</li>      
        <li>battery</li> 
       </ul> 
      </li>    
     </ul>  
    </li> 
</ul>​ 

CSS：

li { 
border:1px solid; 
padding:1px; 
} 

.main { 
list-style:none; 
position:relative;  
} 

.sub, .sub2 { 
list-style:none; 
position:absolute; 
display:none; 
width:75px;  
} 

.sub2 { 
float:left; 
left:75px; 
top:0px;  
} 

.main li:hover .sub, 
.sub li:hover .sub2{ 
display:block;  
}