opacity: 0.5; /* for IE9 and other browsers */
filter: alpha(opacity=50); /* for IE8 and earlier */

CSS中filter屬性

語法：style="filter:filtername(fparameter1, fparameter2...)"

（Filtername為濾鏡的名稱，fparameter1交汤、fparameter2等是濾鏡的參數(shù)）

濾鏡說明：

Alpha：設置透明層次
blur：創(chuàng)建高速度移動效果杆烁，即模糊效果
Chroma：制作專用顏色透明
DropShadow：創(chuàng)建對象的固定影子
FlipH：創(chuàng)建水平鏡像圖片
FlipV：創(chuàng)建垂直鏡像圖片
glow：加光輝在附近對象的邊外
gray：把圖片灰度化
invert：反色
light：創(chuàng)建光源在對象上
mask：創(chuàng)建透明掩膜在對象上
shadow：創(chuàng)建偏移固定影子
wave：波紋效果
Xray：使對象變得像被x光照射一樣
1侣姆、濾鏡：Alpha
語法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity穿香，Style=style, StartX=startX刹缝，StartY=startY问慎，F(xiàn)inishX=finishX惫叛，F(xiàn)inishY=finishY)"
說明：
Opacity：起始值，取值為0～100, 0為透明著觉，100為原圖村生。
FinishOpacity：目標值。
Style：1或2或3
StartX：任意值
StartY：任意值
例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
2固惯、濾鏡：blur
語法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
說明：
Add：一般為1梆造，或0。
Direction：角度葬毫，0～315度镇辉，步長為45度。
Strength：效果增長的數(shù)值贴捡，一般5即可忽肛。
例子：filter:Blur(Add="1",Direction="45",Strength="5")
3、濾鏡：Chroma
語法：STYLE="filter:Chroma(Color = color)"
說明：color：#rrggbb格式烂斋，任意屹逛。
例子：filter:Chroma(Color="#FFFFFF")
4、濾鏡：DropShadow
語法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
說明：Color:#rrggbb格式汛骂，任意罕模。
Offx：X軸偏離值。
Offy：Y軸偏離值帘瞭。
Positive：1或0淑掌。
例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
5、濾鏡：FlipH
語法：STYLE="filter:FlipH"
例子：filter:FlipH
6蝶念、濾鏡：FlipV
語法：STYLE="filter:FlipV"
例子：filter:FlipV
7抛腕、濾鏡：glow
語法：STYLE="filter:Glow(Color=color, Strength=strength)"
說明：
Color：發(fā)光顏色。
Strength：強度(0－100)
例子：filter:Glow(Color="#6699CC",Strength="5")
8媒殉、濾鏡：gray
語法：STYLE="filter:Gray"
例子：filter:Gray
9担敌、濾鏡：invert
語法：STYLE="filter:Invert"
例子：filter:Invert
10、濾鏡：mask
語法：STYLE="filter:Mask(Color=color)"
例子：filter:Mask (Color="#FFFFE0")
11廷蓉、濾鏡：shadow
語法：filter:Shadow(Color=color, Direction=direction)
說明：
Color：#rrggbb格式全封。
Direction：角度，0－315度，步長為45度刹悴。
例子：filter:Shadow (Color="#6699CC", Direction="135")
12给猾、濾鏡：wave
語法：filter: Wave(Add=add，F(xiàn)req=freq颂跨，LightStrength=strength，Phase=phase扯饶，Strength=strength)
說明：
Add：一般為1恒削，或0。
Freq：變形值尾序。
LightStrength：變形百分比钓丰。
Phase：

背景透明實例（河北頻道輪播中標題背景）

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='#00000000',endColorStr='#a4000000'); /IE 6 7 8/
background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8)); /* IE 10 /
background:-moz-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,.8));/火狐/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,.8)));/谷歌/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.8))); / Safari 4-5, Chrome 1-9/
background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8)); /Safari5.1 Chrome 10+/
background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8)); /Opera 11.10+*/