图片羽化也有的叫雾化,就是用图像软件或代码制作,使图片边缘产生朦胧的美化效果。代码作图片羽化的方法很容易,用html贴图标签加入css样式表滤镜属性和属值语句即可.祥细内容如下:
⑴ html贴图标签:
<img src=.......width=宽度>
⑵ css样式表滤镜属性和属值语句:
style="FILTER: alpha(opacity=100,style=2)"
⑶ 用代码制作图片羽化模式:
<img src="图片地" style="FILTER: alpha(opacity=100,style=2)"width=宽度>
说明:
◆<img src=贴图标.
◆style=套用css样式表标记.
◆FILTER 属性名称:滤镜
◆alpha 属值:透明程度.
◆opacity 启始值0-100,0为透明,100为原图,通常是100.
◆style=2或3,羽化效果,2为圆形,3为矩形.
图片羽化(圆形)代码实例:
说明:
◆关键语句:opacity=100,style=2
显示效果:

图片羽化(矩形)代码实例:
说明:
◆关键语句:opacity=100,style=3
显示效果:

羽化图片再加上移动标签,也可作各种方向移动,例如来回走的代码:
显示效果:
在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容,代码如下:
说明:
◆TABLE style=表格标签套用样式表标记.
◆POSITION: relative 样式表语句:相对定位,作为绝对定位的容框.
◆<TD style="FILTER: Alpha 在表格的列标签中套用样式表图片羽化.
◆<DIV style= 嵌套样式表绝对定位挂贴文字.
◆<EMBED style=套用样式表绝对定位挂贴Flash-飞雁.
◆<EMBED style=套用样式表绝对定位挂贴Flash-鹿.
显示效果: