如何在每个展示示例的gwt菜单栏中获得渐变?

时间:2013-01-28 05:40:34

标签: gwt

在Google Web Toolkit Showcase中,菜单栏示例(http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwMenuBar)将菜单栏的背景显示为渐变。但是,当我使用他们的css(来自gwt包的clean.css)时,我得到了坚实的背景。

有谁知道如何获得渐变?在他们的css文件中没有明确引用'gradient'。仅供参考我使用iceweasel 3.5.15(基本上是Firefox 3.5.16)进行测试。

感谢

2 个答案:

答案 0 :(得分:0)

它不是渐变css样式。而是设置背景图像 hborder.png 。您可以使用Chrome开发工具或Firefox / Firebug

查看显示的样式/背景图像

enter image description here

答案 1 :(得分:0)

(以上评论有点难以理解,我无法编辑)。

hborder.png在css文件中指定,例如

  

.gwt-MenuBar-horizo​​ntal {    背景:#e3e8f3 url(images / hborder.png)repeat-x 0px -2003px;    border:1px solid#e0e0e0;   }

我希望这会创建渐变,但它似乎没有任何效果。