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座標。

以上的參數可以選用，可以只設置一個opacity
例如：
{filter:alpha(opacity=50)}
這個就是半透明的設置，只要把{}中的代碼加入到需要設置的模版中的{}的即可，記得與前面的代碼之間要用";"間隔，不然設置是無效的

例如：
我要設置模版區域背景的顏色（白色）+半透明
只要在
.modbox{}
.modbl{}
.modbc{}
.modbr{}
中都設置background-color:white
這些就是模版背景設置的ID

然後再在.modbox,.modbl,.modbc,.modbr{}如果沒有這個的話可以自己加一個
中加入filter : alpha(opacity=80)就可以達到所有模版的背景都是半透明的效果了

如果希望像我這樣只顯示blog的背景，別的都全透明的話，那麼就在別的模版中加入背景全透明的代碼即可
background:transparent                       這就是背景全透明的代碼

不過這樣的話，相關模版的主要區域是透明瞭，可是底下還會有一條顏色留着的，所以另外還要在
.modbl{}
.modbc{}
.modbr{}
中也加入背景全透明的代碼，這樣才能讓模版區域完全透明，就像我現在的效果一樣

另外這個參數目前只能用於背景色的設置，背景圖片無法設置爲半透明

我把我的背景半透明代碼貼出來吧
.modbox{padding:10px 10px 0 10px;background-color:#FFFFFF;border-left:1px solid #813533;border-right:1px solid #813533}
.modbl{background:transparent;border-left:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbc{background:transparent;border-bottom:1px solid #813533;line-height:1px}
.modbr{background:transparent;;border-right:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

紅色字是關鍵設置，如果不想設置全透明的話，可以把.modbl{}.modbc{}.modbr{}三個中的background:transparent改成.modbox{}中的background-color:#FFFFFF，當然這裏的#FFFFFF你可以換成自己喜歡的顏色，不過爲了美觀統一，建議這4個的顏色代碼最好設置爲一樣的

附：#FFFFFF就是white，白色；#000000就是black，黑色