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);

这将设置你的元素透明背景颜色。