CSS下拉菜单栏，透明圆角

Question

寻找类似于：

的菜单

具备以下要求：

• 带圆角的透明
• 浮动在浏览器窗口的顶部
• 大部分隐藏，直到光标接近
• 跨浏览器（IE6除外）和移动支持
• 使用<ul>和<li>
• 使用jQuery或CSS
• 宽度根据菜单项的数量动态拉伸
• （可选）支持多个级别

我已经浏览了以下一些内容：

http://www.cssplay.co.uk/menus/

但没有找到非常适合所需外观的例子。

哪些网站显示如何实现具有大多数给定要求的菜单系统？

谢谢！

相关链接

显示如何实现此问题的各个部分的链接：

• http://www.quackit.com/css/codes/css_floating_menu.cfm
• http://www.css3.info/introduction-opacity-rgba/
• http://www.cssportal.com/css3-rounded-corner/
• http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/
• http://sperling.com/examples/menuh/
• http://tympanus.net/Tutorials/FixedFadeOutMenu/
• http://tympanus.net/Tutorials/FixedNavigationTutorial/
• http://www.webresourcesdepot.com/wp-content/uploads/file/jquery-sliding-menu/
• http://d2o0t5hpnwv4c1.cloudfront.net/386_navigation/top-nav-demo/index.html

Answer 1

我还没有在所有浏览器中对其进行过测试，但在这里你有http://jsfiddle.net/A53Py/5/。

这不需要css3，但IE7 +圆角。您可以使用边框图像。