阅读内容 

CSS 滤镜——Alpha 滤镜

[日期:2005-03-20] 来源:网络  作者:未知 [字体: ]
 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" >
阅读:
录入:blue1000

推荐 】 【 打印
相关新闻      
本文评论       全部评论
发表评论
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款


点评: 字数
姓名:
Advertisement
内容查询


Advertisement