1．CSS靜態(tài)濾鏡樣式 （filter）（只有IE4.0以上支持）　　CSS靜態(tài)濾鏡樣式的使用方法：{ filter : filtername( parameters1, parameters2, ...) }Filter樣式 簡要說明 支持參數(shù)alpha 設(shè)置圖片或文字的不透明度 opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、strengthblur 在指定的方向和位置上產(chǎn)生動感模糊效果 add、direction、strengthchroma 對所選擇的顏色進行透明處理 colordropShadow 在指定的方向和位置上產(chǎn)生陰影 color、offX、offY、positiveflipH 沿水平方向翻轉(zhuǎn)對象 　flipV 沿垂直方向翻轉(zhuǎn)對象 　glow 在對象周圍上發(fā)光 color、strengthgray 將對象以灰度處理 　invert 逆轉(zhuǎn)對象顏色 　light 對對象進行模擬光照 　mask 對對象生成掩膜 colorshadow 沿對象邊緣產(chǎn)生陰影 color、directionwave 在垂直方向產(chǎn)生正弦波形 add、freq、lightStrength、phase、strengthxray 改變對象顏色深度，并繪制黑白圖象 　以上就是靜態(tài)濾鏡的全部內(nèi)容，要注意的是CSS是區(qū)分大小寫的！2．CSS動態(tài)濾鏡　　動態(tài)濾鏡可以為頁面添加動人的淡入淡出、圖象轉(zhuǎn)化效果，它可以分為兩種blend（混合）和reveal（顯示），前者可以使對象漸漸消失或出現(xiàn)，后者提供了24種圖象轉(zhuǎn)化的效果。對于動態(tài)濾鏡的調(diào)用除去象在靜態(tài)濾鏡中要定義的濾鏡類型，參數(shù)等等，還用到腳本語言控制它的狀態(tài)。　　首先，在開始一個動態(tài)效果之前，先需要進行裝備（Apply），然后播放（Play）動態(tài)效果，在動態(tài)效果進行中還可以中斷動態(tài)效果（Stop），以上可以用下面的方法實現(xiàn)：　　　　對象名.filters(濾鏡數(shù)值).Apply()　　　　對象名.filters(濾鏡數(shù)值).Play()　　　　對象名.filters(濾鏡數(shù)值).Stop()　　對于濾鏡狀態(tài)的判斷可以通過“對象名.filters(濾鏡數(shù)值).status”判斷，該值為0時，表示濾鏡未執(zhí)行，為1時，表示濾鏡已經(jīng)完成，為2時表示濾鏡在執(zhí)行中。　　在定義filter時，如上面所提到的，可以有混合（“filter:blendTrans(duration=時間數(shù)值)”，duration表示濾鏡執(zhí)行需要的時間，單位為秒）和顯示（“filter:revealTrans(duration=時間數(shù)值,transition=過渡類型)”，過渡類型為從0－23的數(shù)值）兩種。　　　濾鏡目前還未被W3C正式承認。濾鏡只是微軟IE瀏覽器的組成部分，不能用于Netscape瀏覽器。制定有關(guān)標準的組織正在就此進行討論，但尚未達成最后定論。在我看來，濾鏡是一種非常有趣而且是制作精彩的視覺效果必不可少的一部分。濾鏡能節(jié)省帶寬，而且是你能在制作奇妙的視覺設(shè)計時使用文字格式，而不必先制作龐大的文字位圖以取得相同的效果。　　但由于這些功能尚未成為HTML的正式組成部分，所以并不是所有的瀏覽器都能看到這些特色。有些時候，你必須考慮以傳統(tǒng)的方式制作相同的效果，當然，你不得不繼續(xù)將龐大的GIF文件塞到網(wǎng)頁之中。沉默...沉默...　CSS濾鏡filter詳解語法：STYLE="filter:filtername(fparameter1, fparameter2...)"（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數(shù)）濾鏡說明：alpha：設(shè)置透明層次blur：創(chuàng)建高速度移動效果，即模糊效果chroma：制作專用顏色透明DropShadow：創(chuàng)建對象的固定影子FlipH：創(chuàng)建水平鏡像圖片F(xiàn)lipV：創(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或3StartX：任意值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:FlipH6、濾鏡：FlipV語法：STYLE="filter:FlipV"例子：filter:FlipV7、濾鏡：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:Gray9、濾鏡：invert語法：STYLE="filter:Invert"例子：filter:Invert10、濾鏡：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：角度變形百分比。Strength：變形強度。例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")13、濾鏡：Xray語法：STYLE="filter:Xray"例子：filter:Xray