opacity是css中很有意思的屬性，類似於photoshop中不透明度的更改，結合絕對定位能實現很多漂亮的效果。
opacity取值範圍為0-1，若實現對ie8 以及更早的版本的相容，一般寫為filter: alpha(opacity=
xx);
當然其他geek會有更強大的寫法，本文不再贅述。
從網頁設計的角度來講，製作半透明效果有以下幾個方法：
一是採用絕對定位，把半透明圖層覆蓋到原圖層上。這是使用最多的方法，用於輪播圖，或者說明文字的底色。半透明的圖層加上js**即可實現透明到不透明的漸變，以及圖層的移動。
二是使用半透明的png影象，覆蓋到原圖層上。這種方法的好處是能夠形成半透明的紋理，做出特殊的半透明效果。
三是使用多個半透明圖層的疊加。類似於photoshop圖層疊加的效果，這種方法的好處是結合js實現簡單的動畫，增強的吸引力。
關於opacity的例項應用
製作透明背景，凸顯文字內容 例項一 天貓商品欄滑鼠移入透明度減低的效果 例項二 type text css autumn content style head class autumn class content 薄霧濃雲愁永晝，瑞腦銷金獸。佳節又重陽，玉枕紗廚，半夜涼初透。廚 通 櫥 銷金獸 一作...
讓ie相容opacity屬性的方法
如何設定div半透明效果，並相容ie6 firefox等，看下面樣式 yuzi class 但firefox 3.5 已不再支援 moz opacity 這個屬性了，現在都要改用opacity屬性。於是樣式需要這樣設定 transp opacity這個是屬於css3裡面的東西了，屬於css3的標準。...
前端 CSS透明度屬性opacity
指定透明度的屬性是opacity,屬性值從 0.0 到 1.0。值越小，越透明。imgie9,firefox,chrome,opera 和 safari 使用屬性 opacity 來設定透明度。ie8 以及更早的版本使用濾鏡 filter alpha opacity x x 能夠取的值從 0 到 1...