在css中有乙個alpha濾鏡，這個濾鏡可以設定目標元素的透明度。還可以通過指定座標，從而實現各種不通範圍的透明度。具體語法如下：
引用內容：
具體引數：
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
背景透明效果
//透明層上面的浮動層 如登陸表單等等。
opacity:0.4 //這種寫法只適用於ff
filter:alpha(opacity=50); //這種寫法只適用於ie
所以要這兩種同時寫上就能相容了
CSS實現背景透明，文字不透明（相容各瀏覽器）
在 ff chrome 等較新的瀏覽器中可以使用css屬性background color的rgba輕鬆實現背景透明，而文字保持不透明。而ie6 7 8瀏覽器不支援rgba，只有使用ie的專屬濾鏡filter alpha來實現，但是這樣寫法會把文字也變為透明，因此只有在透明容器的子節點 文字節點除外...
CSS實現背景透明，文字不透明（相容各瀏覽器）
在 ff chrome 等較新的瀏覽器中可以使用css屬性background color的rgba輕鬆實現背景透明，而文字保持不透明。而ie6 7 8瀏覽器不支援rgba，只有使用ie的專屬濾鏡filter alpha來實現，但是這樣寫法會把文字也變為透明，因此只有在透明容器的子節點 文字節點除外...
CSS實現背景透明，文字不透明（相容各瀏覽器）
在 ff chrome 等較新的瀏覽器中可以使用css屬性background color的rgba輕鬆實現背景透明，而文字保持不透明。而ie6 7 8瀏覽器不支援rgba，只有使用ie的專屬濾鏡filter alpha來實現，但是這樣寫法會把文字也變為透明，因此只有在透明容器的子節點 文字節點除外...