設置圖像通過在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標籤

回答

相關問題