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="pic1.jpg" width="180" height="120"＞ |
 |
|
透明度为60 ＜img src="pic1.jpg" style="filter:alpha(opacity=60)" width="180" height="120"＞ | |
|
区域透明度设置，从(0,5)到(90,60) ＜img src="pic1.jpg" style="filter:alpha( opacity=0, finishopacity=100, style=1, startx=0,starty=5, finishx=90,finishy=60" width="180" height="120" ＞ |
