배경 이미지는

Question

내가 그라디언트 스타일 하나 단추에 로고를 추가하기 위해 노력하고있어,하지만, 배경 이미지는 배경 색상을 "삭제"... 여기

는 바이올린입니다 : http://jsfiddle.net/FDXy5/ 이하는 현재 tet .css입니다.

.rounded-orange-button { 
text-align: center; 
color: #FFFFFF; 
display: inline-block; 
border-radius: 2px; 
line-height: 27px; 
width: 200px; 
position: relative; 
background: #FF9100; 
background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9100) to(#FA6800)); 
background: -webkit-linear-gradient(top, #FF9100, #FA6800); 
background: -moz-linear-gradient(top, #FF9100, #FA6800); 
background: -o-linear-gradient(top, #FF9100, #FA6800); 
background: linear-gradient(to bottom, #FF9100, #FA6800); 
-pie-background: linear-gradient(to bottom, #FF9100, #FA6800); 
} 

.logo-edit{ 
    background-image: url('http://www.w3schools.com/cssref/smiley.gif'); 
    background-repeat:no-repeat; 
} 

감사는 graident뿐만 아니라 실제로 배경 이미지입니다

Answer 1

:-) 나에게 도움이됩니다. 다행히도 최신 브라우저에서는 여러 배경 이미지를 사용할 수 있습니다.

예 :

background-image: url('http://www.w3schools.com/cssref/smiley.gif'), linear-gradient(to bottom, #FF9100, #FA6800); 

그리고 당신은 또한 공급 업체 특정 그라디언트 동일한 기능을 수행 할 필요가있다.

jsFiddle

호환성 테이블이 링크를 참조하십시오 : background-image MDN

[? 가능 배경 이미지와 CSS3 그라데이션을 결합하는 것입니다]의