1. 程式人生 > >css中如何設置透明度

css中如何設置透明度

navigator 代碼 net 工作 navig tor clas 最重要的 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。

css中如何設置透明度