css中如何設定透明度

怎樣在CSS樣式中設定背景的透明度,下面一個具體的執行個體。把類為box的層設為透明。
<div class="box"></div>
<style>
.box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacity: 0.3}
</style>
其中background:#000; filter:alpha(opacity:30); opacity:0.3;為關鍵代碼，當opacity值為1時，表示完全不透明，為0時表示完全透明。
其關的屬性介紹如下:
opacity: 0.3；這是“最重要的”，因為它是在CSS的現行标準。這将在Firefox，Safari和Opera的大多數版本的工作。這将是你所需要的一切如果所有的浏覽器都支援目前的标準。當然是他們不會錯。
filter:alpha(opacity=30);這一個是針對IE浏覽器
-moz-opacity:0.3;你需要這一個支援老版本的Mozilla浏覽器如Netscape Navigator。
-khtml-opacity: 0.3;這是舊版本的Safari（1.×）當渲染引擎是使用仍被稱為kthml，而不是目前的WebKit。