CSS中的PNG透明度

Question

我需要爲我用作背景的PNG添加透明度。我如何添加透明度？

section#testimonials { 
    height: 647px; 
    background: url("../img/yellow_testimonial.png") repeat-x 0 0; 
    padding: 0; 
    color: #e4e5e2; 
    z-index: 500; 
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); 
} 

Answer 1

默認情況下，如果你已經正確保存.png文件，你不應該有這個問題。我發現在你的CSS樣式中沒有定義背景顏色。

試試這個：

section#testimonials { 
    height: 647px; 
    background: url("../img/yellow_testimonial.png") repeat-x 0 0 #0099FF; 
    padding: 0; 
    color: #e4e5e2; 
    z-index: 500; 
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); 
} 

這是一個選項，另一種方式，你可以嘗試是將一個RGBA代碼，就像這樣：rgba(200, 54, 54, 0.5)在父DIV背景風格。

我希望你覺得它有幫助。