设置图像通过在gwt项目中的css标签

我正在使用gwt项目。我在其中有不同类型的标签设置图像通过在gwt项目中的css标签

问题
答案
auther

所有的标签都具有共同的CSS是如下

labelCss { 
      background: url("images/img1.png") no-repeat scroll 1px 
       50% transparent; 

      background-color: #F2F6F9; 
      font-size: 13px; 
      margin: 7px 2px 4px 1px; 
      padding-bottom: 3px; 
      padding-left: 8px; 
      padding-top: 6px 
      }

我想改变图像作为标签更改的类型。是否有可能使用单一的CSS属性。或者我做错了什么。

如果有人知道请回复

在此先感谢

来源

2011-02-24 Swapnil Sonawane

您可以为一般的造型一.label，但你需要一个特殊的类为每种类型的标签，让您指定图像去现在。小例子：

#inicio li { 
    display: block; 
    width: 177px; 
    height: 76px; 
    margin: 8px 8px 8px 0; 
    float: left 
} 
#inicio #ini1 { 
    background: url(/imgs/Inicio1.jpg); 
} 
#inicio #ini2 { 
    background: url(/imgs/Inicio2.jpg); 
} 
#inicio #ini3 { 
    background: url(/imgs/Inicio3.jpg); 
}

来源

2011-02-24 07:48:16 TuteC

要么你有多个CSS类，要么你用JS来切换图像。

例如：

.generalLabel 
     { 
     background-color: #F2F6F9; 
     font-size: 13px; 
     margin: 7px 2px 4px 1px; 
     padding-bottom: 3px; 
     padding-left: 8px; 
     padding-top: 6px 
     } 

.label1 
     { 
     background: url("images/img1.png") no-repeat scroll 1px 
      50% transparent; 
     } 


.label2 
     { 
     background: url("images/img2.png") no-repeat scroll 1px 
      50% transparent; 
     }

然后，你可以要的风格元素上使用class="generalLabel label1"或class="generalLabel label2"。

另一种选择是使用JS并根据类型更改图像的URL，但我不会建议这样做，除非有一个非常具体的原因（我想不出一个）不使用CSS 。

来源

2011-02-24 07:53:13 nico

感谢它真的帮助我。 – 2011-02-24 10:45:12

设置图像通过在gwt项目中的css标签

回答

相关问题