This is Dhtml 2000
 

 
 
CSS滤镜全接触
 
  作者:Eric 上一页 返回目录 下一页

CSS滤镜属性(1)

1. Alpha

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

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

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

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

  <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"改成23看看效果会是怎么样的.

上一页 返回目录 下一页


Dynamic HTML 2000
Copyright © 2000-2001 All Rights Reserved