<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;為關(guān)鍵代碼，當(dāng)opacity值為1時(shí)，表示完全不透明，為0時(shí)表示完全透明。

其關(guān)的屬性介紹如下:

opacity: 0.3；這是“最重要的”，因?yàn)樗窃贑SS的現(xiàn)行標(biāo)準(zhǔn)。這將在Firefox，Safari和Opera的大多數(shù)版本的工作。這將是你所需要的一切如果所有的瀏覽器都支持目前的標(biāo)準(zhǔn)。當(dāng)然是他們不會(huì)錯(cuò)。

filter:alpha(opacity=30);這一個(gè)是針對(duì)IE瀏覽器

-moz-opacity:0.3;你需要這一個(gè)支持老版本的Mozilla瀏覽器如Netscape Navigator。

-khtml-opacity: 0.3;這是舊版本的Safari（1.×）當(dāng)渲染引擎是使用仍被稱為kthml，而不是目前的WebKit。