【问题标题】:CSS drop-down menu bar, transparent with rounded corners [closed]CSS下拉菜单栏,透明圆角[关闭]
【发布时间】:2011-12-20 22:20:13
【问题描述】:

寻找类似的菜单:

具备以下要求:

  • 圆角透明
  • 浮动在浏览器窗口的顶部
  • 在光标靠近之前大部分是隐藏的
  • 跨浏览器(IE6 除外)和移动支持
  • 使用<ul><li>
  • 使用 jQuery 或 CSS
  • 宽度会根据菜单项的数量动态拉伸
  • 可选,支持多个级别

我浏览了以下一些内容:

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

但没有找到非常符合所需外观的示例。

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

谢谢!

相关链接

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

【问题讨论】:

  • 您列出了描述如何针对您的特定要求构建解决方案的资源,但是,您帖子中的唯一问题是“有什么想法吗?”请详细说明您对您的问题的期望/您想知道什么。
  • 这不是一个真正的问题,而且方式过于本地化(即帮助我将这个精确的设计转化为代码)。用代码实现设计是 Web 开发人员的工作,而不是问答论坛。
  • 如果您在某个特定部分遇到问题,请告诉我们,但 stackoverflow 不是在这里做功课或建立您的网站。
  • 在 7k 代表,我想你知道这不是一个工作列表网站。
  • @djlumely OP 没有要求我们为他构建这个菜单,他说“哪些网站展示了如何实现具有大多数给定要求的菜单系统?”。请注意,这个问题最初发布在 webmasters.stackexchange.com 上。我想他只是在问那里的网络管理员他们是否在某个地方看到过这样的菜单。我认为这是一个有效的问题,并感谢他添加的细节。来自我的 +1。

标签: css jquery menu


【解决方案1】:

我还没有在所有浏览器中测试它,但这里有http://jsfiddle.net/A53Py/5/

这个不需要css3,但是IE7+圆角。您可以改为使用边框图像。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-08-28
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    • 1970-01-01
    • 2015-12-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多