样 式 表 全 接 触（6）

六、样式表滤镜的构成   , V* V% c. O9 D8 x  _, _; T% y4 v

( L9 S' p, z; ?" F  O4 C　　滤镜作为样式表大家庭中的一员，它跟其他样式表元素的定义和应用方式当然是一样的，能够直接定义在HTML标识的head和/head只间。样式表滤镜的基本语法为： 1 O& Y' V& A# |  a% O/ c. A8 G

+ i, `5 I: j# H6 R$ O标记｛ＦＩＬＴＥＲ：滤镜名（属性名１＝属性值１，属性名２＝属性值２，....）；｝ 1 N6 O3 t3 ?0 S# U2 F

" l) Q, a- w5 k5 ^, `2 {, O6 R5 g它所表达的意思是：在该标记范围内的内容，样式表滤镜将按照小括号内的属性名所限定的对象，按属性值所设定的数值进行特效处理。其中标记为ＨＴＭＬ语法中的任意标记，如ＳＰＡＮ，Ｐ，ＢＲ等等；滤镜名就是我们下面所涉及到的１４种滤镜名称；每一种滤镜它都有自己特定的属性名及其属性值。
7 c% P0 D" W# L  N$ P0 \7 y
% t0 N, g8 e+ Y例如：Ｐ { filter : alpha(opacity=80,style=1 ); }
% ^! J6 H' [2 x8 h7 `
- E' e0 v1 Z) F; O以上就是使用样式表滤镜的定义方法。 # H* N, R3 B5 r
9 z% u' O( n' z" {0 a/ M' I
七、静态滤镜的种类 - P) o: Z3 z/ P0 `, d

1 ^7 B: f; M0 M- A　　在IE4.0以上版本浏览器中，支持以下14种样式表滤镜：
7 T( z, x6 t. a6 N1 j; H' X. {/ u4 A2 Y( p) a1 ~* [
滤镜名 说明 5 ~* {9 I" N! o. _8 r

% A, o; z# ?- _) fAlpha 让对象呈现渐变半透明效果 + ~8 H) M7 L$ v; \" Q5 z+ l
" \0 v: v2 y- c: p" O. B  ?2 ?- C, l# k
Blur 让对象产生风吹模糊的效果
8 b! C. B: ]6 s+ I3 I( Q: r4 ~3 a! s' l7 C( T
DropShadow 让对象有一个下落式的阴影
- q0 o  I1 n! `: |
% |0 M/ K% c# u( _Glow 在对象的周围产生光晕而模糊的效果 , Z) t- r4 ^: }, V4 W6 k
4 K7 G4 |6 y2 Y' D, g
Chroma 让图像中的某一颜色变成透明色
8 _' H9 z' |( g- Y: h6 F0 w4 ~) ~3 E' S4 [6 N* b
FlipH 让HTML对象水平转换
4 @# M' D9 v3 R. Q: k! h& G# M3 s, x" W! x1 e" h
FlipV 让HTML对象垂直转换
& g  G# j. L4 h5 P1 Q( F  O. Z0 e9 m8 B) _+ u( n' H2 F; Y
Wave 让HTML对象产生水平或是垂直方向上的正弦波形 ' I& O- S+ V0 H9 e0 X( {- |5 s

& Q: v9 {* q  J$ C# O8 t# a0 z# r1 z! t% IShadow 让对象产生阴影效果
$ p( w0 S! P+ k  _9 y8 ?- d! z" O, u+ P% ?, f, V1 B0 ^
Mask 利用一个HTML对象在另一个对象上产生图像的遮罩 3 V4 ]; k" F$ a5 a

8 Z( b* e2 n. P& v* k' z# CLight 在HTML元件上放置一个光影 " n( U, N# c. i  P" m( @

% O2 q2 \' _" P1 w+ D1 ]5 @8 ?Gray 把一个彩色的图象变成灰色调图象 # E% k  v7 ~2 k/ e5 E/ m9 M* S
$ N2 b1 D# M6 ]  Q% `
Invert 让对象产生照片底片的效果
% W) h8 b( E, I6 R9 a
3 _- R+ v* d1 d$ ?3 _; GXRay 　 让对象轮廓突出显示 5 n8 [' c8 G) T7 H

; y0 z: V+ q, r$ y" Y" M5 F8 i3 _　　这些滤镜就像是PhotoShop这一类图像处理软件所提供的特效一样，有了这些特效，你就可以直接在HTML中对图片进行特效处理了，而不用再用专门的图片处理软件编辑图片了。样式表滤镜不仅对图象起作用，同时也适用于文本；在这里笔者为方便叙述，暂用文本作为例子来谈谈滤镜的参数及其作用。