相容的CSS背景透明

在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); /*IE*/
-moz-opacity:0.5; /*MOZ , FF*/
opacity:0.5; /*CSS3, FF1.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: #eeeeee;"/>

//透明層上面的浮動層 如登陸表單等等。
<div id="dialogBox" style="border: 1px solid #709cd2; z-index: 10003; position: absolute; width: 440px; left: 410.5px; top: 128px;">

opacity:0.4    //這種寫法只適用於FF
filter:alpha(opacity=50);   //這種寫法只適用於IE
所以要這兩種同時寫上就能相容了^_^