兼容所有浏览器的半透明背景且不透明文字的CSS写法

background:rgba(255,0,0,0.5);

background:rgba([red:0~255],[green:0~255],[blue:0~255],[alpha:0~1]);

演示地址

IE
对于IE有多种方法可以实现我个人比较喜欢用IE的专属标签来修复“<!–[ifIE]><[!endif]–>”，原则只有一个：“IE你非要玩儿恶心的那你自己恶心去，别恶心别人！”
alpha滤镜
这是以前经常使用的方法，利用透明滤镜来实现。问题在于，如果这个容器直接包含文本就没法实现文本不透明，必须加一层容器。viewsourceprint?
[code]<!--[ifIE]>
<styletype="text/css">
.t{
background:#f00;
filter:alpha(opacity=50);
zoom:1
}
.t*{
position:relative
}
</style>
<![endif]-->
演示地址
渐变效果滤镜
viewsourceprint?
<!--[ifIE]>
<styletype="text/css">
.t{
background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FF0000,endColorstr=#80FF0000);
zoom:1;
}
</style>
<![endif]-->
[/code]
　filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#[[alpha:00~FF][red:00~FF][green:00~FF][blue:00~FF]],endColorstr=#[[alpha:00~FF][red:00~FF][green:00~FF][blue:00~FF]];

　　00表示完全透明，FF就是全不透明，转换成十进制的范围就是0~255，如果想实现50%的透明需要进行一下换算，50/100*255=127.5，按128来算，转换成16进制为80。
　　演示地址