轉載自：http://www.divcss5.com/css-hack/c574.shtml
</pre><pre name="code" class="html">div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
說明：
1、filter：對win IE設定半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐浏覽器不認
2、-moz-opacity：對mozilla firefox火狐浏覽器實作半透明，win IE不認此屬性，-moz-opacity:0.5相當于設定半透明為50%
3、opacity：對除IE外所有浏覽器支援包括谷歌，放最後主要針對谷歌浏覽器，opacity: 0.5;表示設定50%半透明。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>半透明執行個體線上示範 www.divcss5.com</title>
<style>
.div-a{ background:url(div-a-bg.png) no-repeat;width:230px;height:136px;padding:10px}
.div-b{ background:#000;width:200px;height:100px;padding:5px;color:#F00;
filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6}
/* CSS注釋說明：這裡對CSS代碼換行是為了讓代碼在此我要中顯示完整，換行後CSS效果不受影響 */
</style>
</head>
<body>
<div class="div-a">
<div class="div-b">實作DIV半透明執行個體示範</div>
</div>
</body>
</html>
效果如圖：
![龍珠訓練營task04[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)