CSS3에서는 각각에 대해 특정 크기의 배경 이미지를 여러 개 가질 수 있습니까?

Question

저는 2 개의 배경을 가진 DIV를 가지고 있습니다. 제 경우에는 그라데이션과 이미지입니다. 그라디언트의 크기가 아닌 배경 이미지의 크기를 변경하고 싶습니다. 가능한가?

참고 : 나는이 개 된 DIV, 그라데이션 다른 하나는 배경 이미지를 사용하지 않으

편집 :

<div id="button"></div> 

#button { background: url(img.png) no-repeat 0.5em 0.5em, -webkit-gradient(linear, left top, left bottom, from(#74ae0f), to(#497105)); } 

Answer 1

좋아, 그냥 간단한 우연에 의해 내 질문에 대한 답변을 찾았습니다. 나는 인터넷에 어디를 찾을 수 없습니다, 그래서 난 그냥이 시도하고 내가 원하는대로 일했다 :

background-size: 2em 2em, 100% 100%; 

첫 번째 선언 "2EM 2EM"배경 이미지와 두 번째 선언 "100 % 100 % 적용 "배경 그라데이션에 적용됩니다. 따라서 백그라운드 정의에서 두 배경 모두 같은 순서로 선언되었습니다.

이제는 간단하고 간단하지만 모든 문서 또는 웹 페이지에서 찾지 못했습니다.

Answer 2

난 그냥 추가 할 수 있다고 생각

-o-background-size: 80%, 30%; 
-webkit-background-size: 80%, 30%;  
-moz-background-size: 80%, 30%; 
background-size: 80%, 30%;