alpha是来设置透明度的。先来看一下它的表达格式：
' N9 \/ L" T1 z+ Y# I- z$ J& J4 I9 t' @! ^+ Z1 @
filter：alpha（opacity=opcity，finishopacity=finishopacity，
9 [' w% n3 D7 q& I8 w( c/ ]5 ~6 \0 d. H style=style，startX=startX，startY=startY，finishX=finishX，
! R) e: d" G. x5 i finishY=finishY）
4 b) ^3 l* F: c' o
( ?/ i3 ~) L ^' {/ D2 \ 哇，怎么这么长。是啊，不过这些参数都各有其用。
; C/ N2 T) l( K. R# v0 P
Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。
; L. X; T1 \) }! @! ]) s Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。
' y6 `: t5 l- f9 b: U$ V3 b! ?! M 从上面讲的我们可以看出，如果不设置透明渐变效果，那么只需设置opacity这一个参数就可以了。说了这么多，我们来看一个实例吧（见下图）：
/ {& N' n+ @* r1 G$ e X W* s" n
4 T) }3 W5 Q6 n- M M" M/ v$ s& Y+ ]2 S2 |( Z7 X
. E J5 p' @4 ?+ `3 r- O
5 c# g: {: e# K' R: g
l1 _/ `3 e3 d# P% X; M4 G 实现上面这种效果的代码如下：
& }! N6 B- T& F$ \$ C: N
4 M' _" W: c- x9 d/ j
html
: G3 C& S- N4 Z' z5 } head
0 g3 E1 X5 s' m0 J titlealpha/title
1 @# O# g7 O3 j
style//*定义CSS样式*//
- p. H+ a! {3 X& }7 z4 s+ S6 m4 _ !--
8 C2 U% I# A# `5 X
div{position：absolute； left：50；top：70； width：150； }
% Z2 g1 c: i% M: p# g5 Q //*定义DIV区域内的样式（位置为绝对定位，left、top、width的坐标）*//
; q& ^' e! E: g* y+ V) R
img{position：absolute；top：20；left：40；
: N) } ~& ]6 i) z+ ]
filter：alpha(opacity=80)}
+ W! f" F4 F( ]" H3 a
//*定义图片的样式，绝对定位，滤镜属性是透明度为80*//
# t. r1 g0 j n# W2 @ --
/ q/ ~2 |2 j: e# b8 F* V& ?. t
/style
7 [* D+ c7 ~+ r$ J% \
/head
4 _7 R7 N, x, ]0 {# P body
2 g" c% f( ^( [
div
9 j* B. t6 X! H# n p style=“font-size：48；font-weight：bold；color：red；”
- Q1 L* j# E3 H, l# f4 B. q' b+ @ Beautiful /p//*定义字体属性，前景色为红色*//
; u) E# \4 a3 M; a /div
( l. x; ^/ |- k" ^7 f pimg src=“ss01076.jpg” /p
l; G" w2 W( }; n
//*导入一张图片*//
0 b) T9 C# h$ w; o$ ~! O p0 q /body
7 c4 C9 W8 o5 D U" l /html
7 Z; w8 N( M$ g; h+ W8 D5 T i) w* {
如果在上面的代码中稍做改动，则将产生另外多种效果。我们只修改img的样式属性，把head中的Img样式属性代码改为如下所示：
1 R( W: S- C, L$ i' s! u' O
' m+ B) z' o' }5 i img{position：absolute；top：20；left：40；
9 q0 P8 \* m I9 \/ L4 e filter：alpha(opacity=0,finishopacity=100,
, x1 H% j8 j7 b( f6 t
style=1,startx=0,starty=85,finishx=150,finishy=85);}
4 A' ]! ^. Q c9 I+ W
//*设置透明渐变效果，起始坐标，终止渐变坐标，并设置透明样式值（style=1）为 线形*//
2 B3 A) K7 g" o' o- l# C r0 b
; v6 \5 O W! g0 Y 这段代码产生的效果如左下图所示，右面的两幅图分别是把Alpha中的Style参数值为2和3后的效果，点击缩略图可放大。
6 b4 Y: l; m; X% z4 X& L- m
: G; |8 h" T: m" W% |( U& B/ c5 w5 Q" l) E* n" H1 N5 L* a8 [8 `
2 e$ q5 C0 @5 o6 \: ]3 h
" M" E p; N( a& H6 \
- V* m! }6 v: W; h. M2 U ; d8 q0 d7 \$ F O* A
# T) O( v: [2 X4 Q- F! W8 Y0 v9 D
- T% N& i- @; Q; t. }" X, U* W3 B" Z1 t
Style=1 Style=2 Style=3
: |; w0 }3 C' F
% h; v' _6 |* d; e$ i6 f5 ~/ y 以上是CSS的Alpha滤镜属性的应用，具体应用还需要您自己找个例子练一练。
