CSS使背景顏色透明

Question

我想使灰色bgcolor具有透明度。而是其內容變得透明而不是bgcolor。

body { 
    background-color: gray; 
    /* IE 8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

    /* IE 5-7 */ 
    filter: alpha(opacity=50); 

    /* Netscape */ 
    -moz-opacity: 0.5; 

    /* Safari 1.x */ 
    -khtml-opacity: 0.5; 

    /* Good browsers */ 
    opacity: 0.5; 
} 

Answer 1

集background-color到rgba(red, green, blue, alpha)其中red，​​blue和是0和255和alpha之間是0和1之間，0是完全透明的，並1完全不透明。

也請看看：How do I give text or an image a transparent background using CSS?。

Answer 2

如果你不關心巨大的與舊的瀏覽器的兼容性，那麼你可以使用新的CSS3 RGBA顏色定義：

background-color: rgba(0, 0, 0, 0.5);

這將設置你的元素透明背景顏色。