CSS滤镜属性(1)

1. Alpha

　　语法: { FILTER: Alpha(Opacity=n1,Finishopacity=n2,Style=#,Startx=x1, Starty=y1,Finishx=x2,Finishy=y2)}

　　"Alpha"属性是把一个目标元素与背景混合.设计者可以指定数值来控制混合的程度.这种"与背景混合"通俗地说就是一个元素的透明度.通过指定坐标,可以指定点,线,面的透明度.

　　它的参数含义分别如下:
　　"Opacity"代表透明度水准.默认的范围是从0到100,其实这是百分比的形式.也就是说,0代表完全透明.100代表完全不透明.
　　"Finishopacity"是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度.范围也是0到100.
　　"Style"参数指定了透明区域的形状特征.其中#可为:0代表统一形状,1代表线形,2代表放射状,3代表长方形.
　　"Startx"和"Starty"代表渐变透明效果的开始X和Y坐标.
　　"Finsihx"和"Finsihy"代表渐变透明效果结束X和Y的坐标.

　　我们看一个完整的例子,先看一下源代码:

　　<div id="Layer1" style="position:absolute; left:100px; top:660px; width:200px; height:25px">
　　<font face="Arial" color="#FFFFFF" size="5">This is Dhtml 2000</font>
　　</div>

　　<img src="cloud.gif" width="200" height="100" style="filter:Alpha(Opacity=0,FinishOpacity=100,
Style=1,StartX=0,StartY=200,FinishX=150,FinishY=200)">

　　显示的效果为:

　　源代码对图片进行了线性的渐变,文字是白色的,所以在最左边几乎看不出来,而在右边看的最清楚.有兴趣的朋友可以试试将源代码中的"Style=1"改成2和3看看效果会是怎么样的.

上一页　返回目录　下一页