Dreamweaver教程 FrontPage教程 Flash教程
  • CSS教程
  • javascript教程
    当前位置:教程 > 网页制作 > CSS教程 > 正文

    CSS 滤镜——Alpha 滤镜

    编辑:教程网 来源:网络 时间:2011年09月28日 15:48
    Alpha 滤镜

      "Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标,可以指定各种不同范围的透明度。
    Alpha 滤镜语法{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,
    style=style,startx=startx,
    starty=starty,finishx=finishx,finishy=finishy)}
      参数含义分别如下:

    参数 说明opacity透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。finishopacity是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。style指定透明区域的形状特征:
    0 代表统一形状
    1 代表线形
    2 代表放射状
    3 代表矩形startx渐变透明效果开始处的 X坐标。starty渐变透明效果开始处的 Y坐标。finishx渐变透明效果结束处的 X坐标。finishy渐变透明效果结束处的 Y坐标。
      具体效果应用如下:

    CSS滤镜实现代码效果拷屏正常图片正常图片
    <img src="http://soft.yesky.com/SoftChannel/72351167954354176/20011121/pic1.jpg"
    width="180" height="120">alpha滤镜效果拷屏filter:alpha(opacity=60)透明度为60
    <img src="http://soft.yesky.com/SoftChannel/72351167954354176/20011121/pic1.jpg"
    style="filter:alpha(opacity=60)"
    width="180" height="120">filter:alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5,finishx=90,finishy=60区域透明度设置,从(0,5)到(90,60)
    <img src="http://soft.yesky.com/SoftChannel/72351167954354176/20011121/pic1.jpg"
    style="filter:alpha(
    opacity=0, finishopacity=100,
    style=1,
    startx=0,starty=5,
    finishx=90,finishy=60"
    width="180" height="120" >
  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/css/25580.html

  • 上一篇:CSS 滤镜——Glow 滤镜
  • 下一篇:Xhtml第1天:选择什么样的DOCTYPE