css透明度( 二 ) _半透明

<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>
2、在瀏覽器效果截圖：
css div半透明實現截圖
css+div實現半透明瀏覽器中瀏覽實現DIV半透明效果截圖
總結：根據以上兩個實例，第一個沒有設置半透明樣式，另外一個設置半透明樣式而實現了div層半透明效果，大家可以根據需要調整半透明值，實現想要半透明度。設置半透明效果要考慮IE瀏覽器、谷歌、火狐等瀏覽器兼容支持，所以我們半透明樣式代碼務必完整。
CSS中背景顏色透明度如何設置？：