2012-12-06 2 views
1

이러한 배경을 함께 사용할 수 있습니까?여러 CSS 배경 속성은 어떻게 정의합니까?

background: url("../images/search.png") no-repeat scroll 9px 4px transparent; 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fdca14), color-stop(1, #ff8d02)); 
background:-moz-linear-gradient(center top, #fdca14 0%, #ff8d02 100%); 

감사합니다 :)

답변

2

CSS

.class{ 
    background: url("../images/search.png") no-repeat scroll 9px 4px transparent,-webkit-gradient(linear, left top, left bottom, color-stop(0, #fdca14), color-stop(1, #ff8d02)),-moz-linear-gradient(center top, #fdca14 0%, #ff8d02 100%); 
} 
+0

흠, 효과가없는 것 같습니다. CSS3입니까? – user1856596

3

당신도 할 수있다 (IE8을 제외하고 슬프게도 전) 그것은 all major browsers에서 지원되는 것

.exampleClass { 
    background-image: url(images/example1.png), url(images/example2.png); 
    background-repeat: repeat-x, repeat; 
} 

: 여기에 여러 개의 배경 이미지의 예는 같은 배경에서 사용되고 이전 IE 브라우저에서이 작업을 수행 할 수 있어야한다면 CSS3 Pie을 확인하십시오.