圖片半透明效果如何用CSS實現？_Div+CSS教程

　　
　　我們在瀏覽網頁的時候，見過有人將圖片做成變透明效果。這一效果我們可以通過圖象圖片軟件來實現。但假如圖片較多或者我們想在網頁中實現某種非凡效果，就只能用CSS來實現了。

　　其實這一效果用CSS來實現，也是非常簡單的，只要一句代碼即可：


　　這句代碼有什么具體的含義，如何使用呢？

　　（1）“Opacity”代表透明度水準，范圍是0---100，其實就是百分比的意思，假如你想變為全透明，那么就用0代替Opacity后面的問號吧。
　　（2）“FinishOpacity”就是用來指定結束時的透明度，范圍跟Opacity一樣（FinishOpacity為可選參數。
　　（3）“Style”是指定透明區域的外形特征，0代表統一外形，1代表線形，2代表放射形，3代表長方形。
　　（4）“startX”與”startY”就是代表漸變效果開始的X與Y坐標，（坐標應該知道是什么吧）一般我們設置為StartX=0, StartY=0（這樣就是表示的透明效果是從圖片的左上角開始的。）
　　（5）“FinishX”與“FinishY”當然，這個就是代表漸變效果結束時的橫縱坐標了，這里很要害，填什么數值那就要看你的圖片的高與寬了，假設我們的圖片高與寬分別是90、200像素，那么就可以寫成FinishX=200， FinishY=90。（假如你只想要一半的面積是透明，那么可以設置成FinishX=100， FinishY=50）

　　說了這么多，我們還是來看實際的應用效果吧，看運行代碼：