我正在为 MOSS 发布网站创建自定义母版页。设计师们为飞出菜单提出了这个想法......
alt text http://www.abbeylegal.com/Downloads/2009-01-06/gradient%20menu.jpg
每个菜单选项使用分级/不同的背景和文本颜色。
有谁知道如何实现这一点吗?
最佳答案
您可以使用 CSS 下一个兄弟选择器 (+) 来实现此目的,但 IE6 不会获取样式。
执行如下操作(颜色属性仅作为示例):
ul ul li { background: darkblue; color: lightblue; }
ul ul li+li { background: blue; color: lightblue; }
ul ul li+li+li { background: lightblue; color: darkblue; }
ul ul li a:hover { color: black; }
或者,您必须将 CSS 类应用于每个向下的子项(如果您不对此负责,请与程序员交谈),或者通过使用 javascript 添加类来实现。
理想情况下,请尝试让他们相信您无法在 IE6 上执行此操作,但现代浏览器可以很好地管理。只要网站仍然可用,颜色渐变就只是一个非常小的损失。
关于css - 不同颜色的飞出菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/443922/