帶CSS和html的多級菜單？

Question

我希望用純CSS創建一個多級菜單& html。菜單的位置應該由css控制。任何人都可以幫助我嗎？

Answer 1

有一個偉大的CSS只在http://www.cssplay.co.uk/menus/final_drop.html與支持下，以IE5.5

菜單

Answer 2

嘗試口魚菜單。

另外Superfish菜單可能會有所幫助。這跟Suckerfish一樣，但它也增加了使用JS的鍵盤導航支持。

Answer 3

如果將div（或ul或li或其他）的一部分放在要覆蓋的元素上時，只能使用css和html來做到這一點。

假設你使用ul。你做這樣的事情：

<UL>

<李>任何<李>

等等

<UL>

在裏你把下一ul（你必須正確控制z-index才能正常工作）。

這個ul必須有display：none;

，並懸停顯示：塊（如果它被稱爲測試是等）：

#test 
{ 
display:none; 
} 


#test:hover 
{ 
display:block; 
} 

這就是它應該怎麼做......但照顧Z-Index的-ES要不然將無法正常工作。