filter:alpha(opacity=100,style=1)

来源:互联网 发布:广州有机云计算 编辑:程序博客网 时间:2024/05/21 08:44

http://archive.cnblogs.com/a/2247988/

filter:alpha(opacity=100,style=1)

1、opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;

2、style属性:设置渐变风格;

0表示均匀渐变,

1表示线性渐变,

2表示放射渐变,

3表示直角渐变。

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代表渐变透明效果的结束坐标。

*************************************

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

*************************************

1. Alpha:设置透明度

Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)

Opacity:透明度级别,范围是0-100,0代表完全透明,100代表完全不透明。

FinishOpacity:设置渐变的透明效果时,用来指定结束时的透明度,范围也是0 到 100。

Style:设置渐变透明的样式,值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。

StartX和StartY:代表渐变透明效果的开始X和Y坐标。

FinishX和FinishY:代表渐变透明效果结束X和Y 的坐标。

 

NOTE:

在 现在的高级浏览器(ie9,firefox等) 上,还可以用rgba来设置透明度

原创粉丝点击