css实现你的网页图片半透明效果

<style type="text/css"> <!-- .clarity {  filter: Alpha(Opacity=25, FinishOpacity=100, Style=3, StartX=0, StartY=1, FinishX=1024, FinishY=768); } --> </style>

首先在你的网页中建立一个样式，然后在把这个样式用在你的图片上。至于代码的意思请往下看!!!

　　也许你已经注意到了Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)这一段代码，里面有很多问号，这需要我们去用参数来代替它，不要看到代码就怕，无非就几个意思，了解后不就那么一回事嘛。

要得到好的效果，那么这些用来代替问号的参数可不能马虎，先看看每一样参数的意思我们再继续。

（1）“Opacity”代表透明度水准，范围是0---100，其实就是百分比的意思，如果你想变为全透明，那么就用0代替Opacity后面的问号吧。

（2）“FinishOpacity”就是用来指定结束时的透明度，范围跟Opacity一样（FinishOpacity为可选参数，不想要的话就去掉它吧。

（3）“Style”是指定透明区域的形状特征，0代表统一形状，1代表线形，2代表放射形，3代表长方形。比如我们一般可以写成Style=1。

（4）“startX”与”startY”就是代表渐变效果开始的X与Y坐标，（坐标应该知道是什么吧）一般我们设置为StartX=0, StartY=0（这样就是表示的透明效果是从图片的左上角开始的。）

（5）“FinishX”与“FinishY”当然，这个就是代表渐变效果结束时的横纵坐标了，这里很关键，填什么数值那就要看你的图片的高与宽 了，假设我们的图片高与宽分别是100、200像素，那么就可以写成FinishX=200， FinishY=100。（如果你只想要一半的面积是透明，那么可以设置成FinishX=100， FinishY=50）

给下面一个完整代码的给你们参考：（下面的数值我是假设图片高与宽分别是100、200像素）

Alpha(Opacity=25, FinishOpacity=50, Style=1, StartX=0, StartY=1, FinishX=200, FinishY=100)

4：ok，这时候你应该做的是把你想要的数值把那些讨厌的问号替换掉，设置好这些参数后，就点击ok。设置的步骤到此就算完成了，但设置完了不代表我们就做完了，我们还要把这个效果赋予图片呢。下面介绍如何使用的步骤。

原文：http://www.cnblogs.com/lovesy2413/p/4398574.html