用css使網頁圖片半透明(轉)

　　讓我先通俗的介紹一下css，css不屬於html，它屬於html的輔助語言，在沒有css之前，網頁是靜態的，但自從有了css 後，網頁製作的歷史就要重寫了，css能給網頁加入許多你想象不到的動態效果，這也是其中一點而已，因為css中有很多特效，例如我們今天講的利用css使圖片變透明。

　　也許你會問，GIF圖片不是能透明嗎？那幹嘛還那麼麻煩，嘿嘿，GIF是可以透明，但可以半透明麼？那很明顯是不行的，但css就可以。想學就跟我來。

　　如果是完全變透明，那麼它的意義不大，重要的是它可以令圖片半透明，嘿嘿，還不明白麼？既然是半透明，學過photoshop的人都應該知道，半透明瞭，就可以半遮半掩的顯示圖片下面的元素！我們利用這一點可以做很多效果哦，例如類似煙霧效果啦，當然，如果你肯動動腦筋，更精彩的效果可能都能做的出來。我們今天只討論如何在Dreamweaver 4中設定與使用這種特效。

　　Ok，我們現在開始，前提是你得開啟Dreamweaver 4，下面是設定步驟：沒用過這個工具？暈！快到 下載一個吧。

1：在Dreamweaver 4中點windowàcss styles(或按鍵盤的shift+f11),調出css styles視窗。

2：在css styles視窗中，單擊右下角的加號，彈出new style視窗。設定如圖：

4：在Dreamweaver 4選中你插入的圖。

5：用滑鼠單擊上圖3的指明處。

6：大功告成，你可以按鍵盤的f12來預覽了（注意，這種特效在編輯狀態下是不可見的，一定要預覽才可見。

　　怎麼樣，圖片是不是變的半透明瞭？這教程只起到拋磚引玉的作用，說到底還是要大家掌握了方法後能舉一反三