2010-08-26 62 views
2

我有一個形象誰是看起來像一個透明的,但像追逐斑馬錶工作,我想申請一個顏色rgba(12,120,234,0.4);如何使用CSS來做到這一點?

我怎麼能顯示圖像和色彩都

background-image: url('Images/embedded_bg.png'); 
background-color: rgba(12,120,234,0.4); 

回答

3

你可以與background屬性將它們結合起來:

background: rgba(12,120,234,0.4) url('Images/embedded_bg.png') repeat 0 0; 

In action here

+0

首先我需要一個反覆的背景和第二兩個我都想要的色彩和圖像。通過你的代碼圖像工作,但顏色不是。 – wiliam 2010-08-26 02:20:08

+0

更改爲重複不是問題,如果背景圖像是透明的.png,則只會顯示顏色和圖像。如果您檢查剛添加的示例鏈接,您會看到它的工作原理(背景圖像在同一元素上覆蓋背景色)。 – Pat 2010-08-26 02:27:04

0

我得到了sollution在這裏

body 
{ 

    background-image: url('Images/embedded_bg.png'); 
    width:1000px; 
} 
#main 
{ 
    background-color: rgba(12,120,234,0.4); 
}