背景色半透明 兼容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

因此要這兩種同時寫上就能兼容了^_^