用CSS实现半透明背景色
Posted on May 06, 2006 by Fdream
看看效果先：
上图中的透明度为50%。这个实现起来其实也没什么，很Easy的事情^_^
在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不通范围的透明度。具体语法如下：
{filter：alpha(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
具体参数含义如下：
opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征：0 代表统一形状，1 代表线形，2 代表放射状，3 代表矩形
startx 渐变透明效果开始处的 X坐标。
starty 渐变透明效果开始处的 Y坐标。
finishx 渐变透明效果结束处的 X坐标。
finishy 渐变透明效果结束处的 Y坐标。
那个效果图片只用了短短一行就可以实现了：
filter:alpha(opacity=50);
自己不妨试试，CSS里面还有好多好玩的滤镜，呵呵……自己试着玩玩吧～
PS：只在IE下有效，在FF下无效！
等于没有做
要想在FF下有效：
filter:alpha(opacity=50);
-moz-opacity:0.50;
[confused][smile][mad][titter][cry][beatific][love][question][sad][yuk][love][yuk][sad][surprised][surprised][surprised][question][yuk][love][yuk][titter][frown][yuk][yuk]
呵呵，sorry，很久以前的，忘记更新了^_^