CSS滤镜效果

效果截图：
<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>