分享

css问题filter: alpha(opacity=100,finishopacity=0,style=2)

 看见就非常 2014-07-02
1、alpha是来设置透明度的,它的基本属性是filter:alpha(opacity,finishopacity,style,startX,startY,finishX,finishY).
opacity代表透明度数,选值0-100,0是完全透明,100是不透明.
finishopacity用来设置结束时的透明度,以达到渐变效果.取值范围也是0-100.
2、style指渐变类型,0是无变化,1是线行渐变,2是放射渐变,3是X型渐变.
 alpha是来设置透明度的。先来看一下它的表达格式:

  filter:alpha(opacity=opcity,finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)

  哇,怎么这么长。是啊,不过这些参数都各有其用。   Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明。

Style参数指定了透明区域的形状特征。其中0代表统一形状;1代表线形;2代表放射状;3代表长方形。   Finishopacity是一个可选项,用来设置结束时的透明度,从而达到一种渐变效果,它的值也是从0到100。 

StartX和StartY代表渐变透明效果的开始坐标,finishX和finishY代表渐变透明效果的结束坐标。

filter:alpha(opacity=20);  /* IE 浏览器支持 */ ;
-moz-opacity:0.4;          /* 遨游浏览器 火狐浏览器 支持 */ ;
opacity: 0.4;              /* 支持CSS3的浏览器(FF 1.5也支持)*/”>

CSS opacity 属性

opacity -- 不透明度
  • 取值: <alphavalue> | inherit
    • <alphavalue>: 透明度取值(取值范围[0.0,1.0])
    • inherit: 继承
  • 初始值: 1(不透明)
  • 继承性: 是
  • 适用于: 所有元素
  • 引用网址:http://www./css/property_opacity/
  • CSS3提出opacity属性

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多