CSS图像透明度和背景颜色

Question

我无法完成以下工作：

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

我的想法是，使用不同的颜色类别，我可以更改透明图像背后的背景颜色。

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

但是当我使用这个代码时，唯一显示的是透明到白色的背景图像，如何在背景上获得颜色？这甚至可能吗？

提前谢谢

Answer 1

您需要使用CSS的background-image属性指定background-color和background。请尝试使用此CSS：

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