CSS圖像transparancy和背景顏色

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> 

但是，當我使用此代碼唯一顯示的是透明背景圖像爲白色，我如何獲得背景顏色？這甚至有可能嗎？

預先感謝您

Answer 1

您需要同時指定background-image和background-color使用CSS的background財產。請嘗試使用這個CSS：

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