2014-11-01 156 views
0

我不能让下面的工作:CSS图像transparancy和背景颜色

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

的想法是,用不同颜色的类我可以改变TRANSPARANT图像后面的背景颜色。

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

但是,当我使用此代码唯一显示的是透明背景图像为白色,我如何获得背景颜色?这甚至有可能吗?

预先感谢您

回答

1

您需要同时指定background-imagebackground-color使用CSS的background财产。请尝试使用这个CSS:

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

这正是我试图避免的,我知道这工作,但我不希望得到一个巨大的名单重新定义图像和颜色在CSS – 2014-11-01 09:26:36

+1

阿两种不同的语句没关系,我的代码工作...图像只是不透明..遗憾浪费你的时间,这里有一个+1 – 2014-11-01 09:30:18