如何以编程方式更改CSS背景图像?

时间:2013-04-06 11:36:45

标签: java css gwt

我有一个背景gif的GWT.Label。

根据状态,我想更改标签的颜色和图像。颜色变化已经有效,但我不知道如何更改背景图像(同时仍然保留渐变):

my.css:

/* creates a linear background gradient */
background: #000000;
background: url(myIcon.gif) no-repeat 15px, -webkit-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
background: url(myIcon.gif) no-repeat 15px, -moz-linear-gradient
background: url(myIcon.gif) no-repeat 15px, -ms-linear-gradient
//etc

更改颜色:

getElement().getStyle().setProperty("backgroundColor", "green");
//how to change the background image??

如何更改图像属性?

1 个答案:

答案 0 :(得分:1)

如果我面对那种情况,而不是改变css的属性,我只需更改css类

STATE1

lable.addClassName("state1");// in css with image1

STATE2

lable.addClassName("state2");//in css with image2