如何使用CSS设计与此类似的垂直弹出式菜单?

如何使用CSS设计与此类似的垂直弹出式菜单?,css,user-interface,menu,Css,User Interface,Menu,当鼠标悬停在左侧边栏的图标上时,弹出式菜单/面板应打开。如何在css中实现这一点 更新:我自己创建的。需要稍微打磨一下,使用起来会很好。代码如下: jsfiddle.net/anujkk/fhb36/103/ 我注意到您使用jQuery将菜单设置为全高。实际上,通过添加以下代码,您不需要jQuery: #menuwrapper{position:fixed;left:0;top:0;bottom:0;} #sidemenu{ height:100%; } 看这里。 位置:绝对位置也可

当鼠标悬停在左侧边栏的图标上时,弹出式菜单/面板应打开。如何在css中实现这一点

更新:我自己创建的。需要稍微打磨一下,使用起来会很好。代码如下:

jsfiddle.net/anujkk/fhb36/103/


我注意到您使用jQuery将菜单设置为全高。实际上,通过添加以下代码,您不需要jQuery:

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

位置:绝对位置也可以