當鼠標懸停時展開的菜單完全通過CSS完成？

Question

有人告訴我，一旦他們有可能通過CSS創建菜單，你怎麼能？

Answer 1

Drop-Down Menus, Horizontal Style

Answer 2

我打字了一個答案，但this simple, short page越過它比我能說。基本上，您在擴展部分上執行display: hidden，然後在其懸停狀態下向觸發元素添加display: block。

Answer 3

谷歌是你的朋友css menus。

此外，結帳埃裏克邁耶斯頁Pure CSS Menus。

Answer 4

嘗試flyout menu在CSS Play by Stu Nicholls。

Answer 5

它通過選擇器完成。您可以使用僞類來指定特定元素，以便僅在其父元素被覆蓋時才顯示。

#nav li:hover > ul { 
display: block; 
} 

如果它的父元素#nav被覆蓋，這將只顯示ul。 ul現在是您可以放置​​更多列表項目的下拉菜單。這將適用於您想要下拉菜單的多個級別。

這種技術在本教程中非常漂亮的展示：CSS3 Dropdown Menu