2013-01-04 101 views
0

可能重複:
Translucent background from opaque image使用RGBA背景圖像

我想用RGBA但因爲我使用的是像我沒有一個堅實的背景。是否有可能設置圖像的不透明度是部分昏,然後裏面包括有100%的不透明度一個div沒有任何繼承。

#container2 { 


position: absolute; 
margin-top: 0px; 
    height: 600px; 
margin-top: 50px; 
margin-left: 0px; 
margin-right: 50px; 
    width: 1000px; 
background-image:url(../images/container2_yellow_nailed.png); 
} 
+2

解決方法:編輯PNG,使之透明;-) –

+0

http://stackoverflow.com/questions/6364461/translucent-background-from-opaque-image?rq=1 – c69

+0

把這個解決辦法,非常感謝您 – user1347219

回答

2

當前CSS不支持控制背景圖像的不透明度。

您可以通過使用將具有相同的尺寸,指定opacity,你的元素會被放置額外的元素達到類似的效果。

+1

也可以用僞元素來做到這一點。檢查:http://css-tricks.com/snippets/css/transparent-background-images/ –