"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"> |
![]() |
![]() |
透明度为60 <img src="http://soft.yesky.com/SoftChannel/72351167954354176/20011121/pic1.jpg" style="filter:alpha(opacity=60)" width="180" height="120"> | |
![]() |
区域透明度设置,从(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" > |


