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

　　其實(shí)這一效果用CSS來實(shí)現(xiàn)，也是非常簡單的，只要一句代碼即可：


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

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

　　說了這么多，我們還是來看實(shí)際的應(yīng)用效果吧，看運(yùn)行代碼：