gwt 프로젝트에서 CSS를 통해 이미지 레이블 설정

Question

gwt 프로젝트를 사용하고 있습니다. 어떤에서 나는 라벨의 모든

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를 가지고

1. 질문
2. 대답
3. auther

라벨의 다른 유형이 이미지를 레이블 유형으로 변경합니다. 단일 CSS 속성을 사용할 수 있습니까? 또는 나는 잘못된 것을하고있다.

사람이 당신은 일반적인 스타일에 대한 .label을 가질 수 있지만, 당신은 이미지가 지정 라벨의 각 유형에 대한 특별한 클래스가 필요합니다 사전

Answer 1

에

감사를 회신 해 주시기 바랍니다 알고있는 경우 선물하러 갈거야. 작은 예 :

#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); 
} 

Answer 2

가 어느 여러 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를 사용하지 않는 매우 구체적인 이유가 없으면 (나도 생각할 수 없지만) 제안하지 않습니다. .