CSS中的下拉菜单？

我正在寻找一种方法来建立一个dropup菜单。基本上，我有一个网站，底部有不同的按钮，其中一些应该有dropup菜单，以便在mouseover上面有几个按钮。CSS中的下拉菜单？

哦，我想有一个解决方案，没有大型图书馆，甚至可能没有JavaScript（但这只是因为它更干净，JavaScript解决方案也可以）。

编辑：下面是一些代码：

HTML：

<div class="toolbarElement" id="toolbarViewUsers"> 
    <img src="images/usericon.png" /> 
    List users 
</div> 
<div class="toolbarElement" id="toolbarSettings"> 
    <img src="images/settings.png" /> 
    Settings 
</div> 
<div class="toolbarElement" id="toolbarLogout"> 
    <img src="images/logout.png" /> 
    Logout 
</div>

CSS：如何看起来

.toolbarElement img { 
display: block; 
} 

.toolbarElement { 
float: left; 
text-align: center; 
margin-left: 3px; 
margin-right: 3px; 
}

这就是：

编辑2：现在我想这一点，但我仍然不知道如何放置toolbarElement以上的子菜单：

CSS：

.toolbarElement { 
float: left; 
text-align: center; 
margin-left: 3px; 
margin-right: 3px; 
position: relative; 
} 

.submenu { 
position: absolute; 
bottom: 0px; 
left: 0px; 
}

HTML：

<div class="toolbarElement" id="toolbarSettings"> 
<img src="images/settings.png" /> 
Settings 
<div class="submenu"> 
    Hallo 
</div> 
</div>

来源

2010-12-01 thejh

如果你不这样做关心动画，然后使用一些CSS很容易。我没有时间详细说明，所以我将此留作评论，而不是回答:-) – Bojangles 2010-12-01 20:59:22

我们不是来为你做作业的;给我们一些代码，我们会给你一些帮助。 – zzzzBov 2010-12-01 21:00:30

下面是我认为的一个很好的例子：

jQuery multi-tiered drop-up menu

手表演示here。

BTW只是一个警告演示具有德降幅达在左上角一路下跌，骂我白痴，但我刷新5次之前，我看到了:)

好运

来源

2010-12-01 21:29:50 Trufa

CSS中的下拉菜单？

回答

相关问题