【问题标题】:How to create color full rounded corner navigation menu using css如何使用 css 创建彩色圆角导航菜单
【发布时间】:2011-05-25 19:57:43
【问题描述】:

在asp.net中如何使用css创建彩色圆角导航菜单,每当用户点击父节点时,所有子节点都会显示,父节点的颜色会改变。

【问题讨论】:

标签: asp.net css


【解决方案1】:

CSS 圆角使用border-radius 样式完成。现在所有浏览器都广泛支持它,但您可能需要添加一些供应商前缀来支持旧版本的浏览器。

IE8 及更低版本根本不支持border-radius,但可以使用各种hack 来实现,其中CSS3Pie 是迄今为止最好的。 (IE9 确实支持它就好了)

对于在鼠标悬停时更改颜色和下拉子菜单的菜单,您可以使用:hover CSS 选择器。

所以是这样的:

.menu {背景颜色:红色;} .menu:hover {背景色:蓝色;}

当然不止这些,尤其是当您谈论下拉菜单时,但这是您需要了解的基本样式表功能。

网上有很多这方面的教程,但这看起来不错:http://divitodesign.com/css/how-to-dropdown-css-menu/

如果您想通过单击而不是悬停来执行此操作,您可能会发现您已经使用 Javascript 而不是纯 CSS 完成了一些工作。

【讨论】:

    【解决方案2】:

    使用ajax Rounded Corners 或者您可以使用圆形图像。网上有很多可用的 jquery 下拉菜单

    【讨论】:

      猜你喜欢
      • 2023-03-28
      • 2018-11-12
      • 2020-08-06
      • 1970-01-01
      • 1970-01-01
      • 2013-10-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多