【发布时间】:2011-05-25 19:57:43
【问题描述】:
在asp.net中如何使用css创建彩色圆角导航菜单,每当用户点击父节点时,所有子节点都会显示,父节点的颜色会改变。
【问题讨论】:
在asp.net中如何使用css创建彩色圆角导航菜单,每当用户点击父节点时,所有子节点都会显示,父节点的颜色会改变。
【问题讨论】:
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 完成了一些工作。
【讨论】:
使用ajax Rounded Corners 或者您可以使用圆形图像。网上有很多可用的 jquery 下拉菜单
【讨论】: