如何使用CSS設計類似於此的垂直彈出菜單？

Question

當鼠標懸停在左邊欄中的圖標上時，會彈出一個彈出式菜單/面板。如何在CSS中做到這一點？

更新：我自己創建了它。需要稍微磨光一下，它會很好用。下面是代碼：

jsfiddle.net/anujkk/fhb36/103/

Answer 1

我注意到你使用jQuery使菜單全高。事實上，你不需要添加這些代碼的jQuery：

#menuwrapper{position:fixed;left:0;top:0;bottom:0;} 
#sidemenu{ 
    height:100%; 
} 

在這裏看到它。 http://jsfiddle.net/MenuSo/8drsjhm7/1/

position: absolute;也行。