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

时间:2013-01-22 04:43:25

标签: css user-interface menu

enter image description here

当鼠标悬停在左侧边栏的图标上时,应打开弹出式菜单/面板。如何在css中执行此操作?

更新:我自己创建了它。需要稍微抛光一下,使用起来会很好。这是代码:

  

jsfiddle.net/anujkk/fhb36/103 /

1 个答案:

答案 0 :(得分:2)

我注意到你使用jQuery来制作菜单Full Height。实际上,通过添加以下代码,您将不需要jQuery:

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

在此处查看。 http://jsfiddle.net/MenuSo/8drsjhm7/1/

position: absolute;也没关系。