網頁特效之讓css使網頁圖片半透明

　　你用過css麼?當然，我是指你喜歡做網頁的話，用過?很好，那你用過它的特效麼?沒有?那請跟我來。讓我先通俗的介紹一下css，css不屬於html，它屬於html的輔助語言，在沒有css之前，網頁是靜態，但自從有了css 後，網頁製作的曆史就要重寫了，css能給網頁加入許多你想象不到的動態效果，這也是其中一點而已，因為css中有很多特效，例如我們今天講的利用css使圖片變透明。
　　也許你會問，GIF圖片不是能透明嗎?那幹嘛還那麼麻煩，嘿嘿，GIF是可以透明，但可以半透明麼?那很明顯是不行的，但css就可以。想學就跟我來。
　　如果是完全變透明，那麼它的意義不大，重要的是它可以令圖片半透明，嘿嘿，還不明白麼?既然是半透明，學過photoshop的人都應該知道，半透明了，就可以半遮半掩的顯示圖片下面的元素!我們利用這一點可以做很多效果哦，例如類似煙霧效果啦，當然，如果你肯動動腦筋，更精彩的效果可能都能做的出來。我們今天只討論如何在Dreamweaver 4中設定與使用這種特效。
　　Ok，我們現在開始，前提是你得開啟Dreamweaver 4，下面是設定步驟:沒用過這個工具?暈!快到www.xsheji.com 下載一個吧。
　　1:在Dreamweaver 4中點windowàcss styles(或按鍵盤的shift+f11),調出css styles視窗。
　　2:在css styles視窗中，單擊右下角的加號，彈出new style視窗。設定如圖:
　　3:點ok，彈出一個大視窗style definition for .clarity，我們按照下圖設定。
　　也許你已經注意到了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(這樣就是表示的透明效果是從圖片的左上方開始的。)