CSS 이미지, 투명성 및 배경 색상

Question

나는 다음과 같은 작업을 진행하지 못할 :

.smoke{background-image:url('../img/base/bg_smoke.png'); } 
.blue{background-color:#1C3F95;} 

아이디어는 다른 색상 클래스와 나는 transparant 이미지 뒤의 배경 색상을 변경할 수 있다는 것입니다.

<div class="blue smoke"></div> 
<div class="red smoke"></div> 

그러나이 코드를 사용할 때 투명도가 흰색 인 배경 이미지가 어떻게 보이나요? 백그라운드에서 색상을 얻으려면 어떻게해야합니까? 이것은 가능한가?

당신은 background-image과 background-color가 CSS의 background 속성을 사용하여 모두 지정해야합니다 사전

Answer 1

에 감사드립니다.

.blue.smoke{ 
    background: url('../img/base/bg_smoke.png'), #1C3F95; 
}