背景色半透明 兼容ie

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

#snake{ backgournd: #666; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

<div id="snake" >背景透明效果</div>

/****************百度的这个例子更简单,哈哈 //透明层

<div id="dialogBoxBG" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 2999px; z-index: 10001; opacity: 0.4; background-color: rgb(238, 238, 238);"/>

//透明层上面的浮动层 如登录表单等等。

<div id="dialogBox" style="border: 1px solid rgb(112, 156, 210); z-index: 10003; position: absolute; width: 440px; left: 410.5px; top: 128px;">

opacity:0.4 //这种写法只适用于FF

filter:alpha(opacity=50); //这种写法只适用于IE

因此要这两种同时写上就能兼容了^_^