效果截图：
<html> <head> <title>alpha</title> <style>//*定义CSS样式*// #filterDiv { position:absolute; left:50;top:70; width:150; } /*定义DIV区域内的样式（位置为绝对定位，left、top、width的坐标）*/ #imgID { position:absolute;top:20;left:40; filter:alpha(opacity=80) } #imgID { position:absolute; top:20; left:40; filter:alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=85,finishx=150,finishy=85); } /*定义图片的样式，绝对定位，滤镜属性是透明度为80*/ </style> </head> <body> <div id="filterDiv"> <p style="font-size:48;font-weight:bold;color:red;"> Beautiful </p> </div> <p><img id='imgID' width=800 height=300 src="http://images.cnblogs.com/cnblogs_com/wzq806341010/490296/o_Chrysanthemum.jpg"/> </p> </body> </html>