CSS代碼
.test{   
background:#000;   
color:white;   
width:200px;   
position:absolute;   
left:10px;   
top:10px;   
   filter: Alpha(opacity=10);   
   -moz-opacity:.1;   
   opacity:0.1;   
}  
這里關(guān)鍵的是

CSS代碼
filter: Alpha(opacity=10);   
   -moz-opacity:.1;   
   opacity:0.1;  
這三句,第一句是ie 支持.第二三句是firefox支持的,但是版本不一樣就有兩種了,所以用時(shí)候把三句都加上就行了

用于定制圖片的顯示效果

1）濾鏡的有效HTML標(biāo)記：

BODY

BUTTON  

DIV    

IMG  

INPUT  

MARQUEE   

SPAN   

TABLE   

TD   

TEXTAREA   

TH  

TR

2）濾鏡的屬性參數(shù)

a)設(shè)置透明度Alpha　　

語(yǔ)法: { FILTER: Alpha(Opacity=n1,Finishopacity=n2,Style=#,Startx=x1,Starty=y1,Finishx=x2,Finishy=y2)}
"Opacity"透明度.從0到100,0代表完全透明.100代表完全不透明.
"Finishopacity"可選，指定結(jié)束時(shí)的透明度.0到100.
"Style"透明區(qū)域形狀.其中#可為:0代表統(tǒng)一形狀,1線形,2放射狀,3長(zhǎng)方形.
"Startx"和"Starty"漸變透明效果的開(kāi)始X和Y坐標(biāo).
"Finsihx"和"Finsihy"漸變透明效果結(jié)束X和Y的坐標(biāo).
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->

b)模糊Blur   

語(yǔ)法:{filter:blur(add=add,direction=direction,strength=strength)}
"add""TRUE(默認(rèn))"或者"FALSE".指定圖片是否被改變成印象派的模糊效果.1為真，0為假
"direction"設(shè)置模糊的方向.0垂直向上,每45度為一個(gè)單位.默認(rèn)值向左的270度.
"strength"有多少像素的寬度受到模糊影響,默認(rèn)是5個(gè)像素.

c)透明Chroma  

把指定的顏色設(shè)置為透明
語(yǔ)法: {filter:chroma(color=color)}

COLOR,設(shè)置為透明色的顏色的值

舉例：

<img style="filter:chroma(color=white)" src="圖片" width="26" height="15" >

d)投射陰影DropShadow　　

語(yǔ)法: {filter:Dropshadow(Color=color,Offx=x,Offy=y,positive=positive)}
"Color"陰影顏色
"Offx"和"Offy"是X方向和Y方向陰影的偏移量.
"Positive"如果為"True"為任何的非透明像素建立可見(jiàn)的投影.如果為"False",為透明的像素部分建立可見(jiàn)的投影.

e)翻轉(zhuǎn)FlipH, FlipV　　

語(yǔ)法:{filter: FlipH} ,{filter: FlipV}

分別是將對(duì)象水平反轉(zhuǎn)和垂直反轉(zhuǎn)

f)對(duì)象的外邊界增加光效Glow　

語(yǔ)法：{filter:Glow(Color=color,Strength=n)}

"Color"發(fā)光色
"Strength"強(qiáng)度從1到255

g)圖象色彩轉(zhuǎn)換

Gray灰度   Invert反色   Xray映出圖象輪廓并把這些輪廓加亮（X光效果，灰度后反色）
語(yǔ)法: {filter:gray} {filter:invert} {filter:xray}

h)陰影效果Shadow　　

語(yǔ)法: {filter:shadow(Color=color,Direction=direction)}
Color投影色
Direction投影.0度垂直向上,然后每45度為一個(gè)單位.默認(rèn)值是向左的270度.

i)正弦波紋Wave　　

在X軸和Y軸方向利用正弦波紋打亂圖片

語(yǔ)法: {filter:wave(Add=True/False,Freq=n,Lightstrength=n1,Phase=n2,Strength=n3)}
"Add"是否打亂,默認(rèn)是"True".
"Freq"產(chǎn)生多少個(gè)完整的波紋.
"LightStrength"增強(qiáng)光影,0-100的整數(shù)值.
"Phase"正弦波的偏移量,通常值為0,范圍是0-100的整數(shù)值
"Strength"代表振幅大小.