下面是具體的代碼（以上效果設置的是0.8）：

 .transparent{ 
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity: 0.5; 
 opacity: 0.5; 
 }

我們來看一下效果：

下面是對以上CSS代碼的一些補充說明：

opacity:0.5;這個屬性是目前在CSS里面設置透明度的標準屬性。適用于大多數版本的Firefox，Safari和Opera等瀏覽器。

filter:alpha(opacity=50);這個屬性僅僅支持IE瀏覽器。

-moz-opacity:0.5;這個屬性是為了向前兼容以前的一些老的Mozilla瀏覽器，比如：Netscape Navigator。

-khtml-opacity: 0.5;這個屬性是為了兼容舊版本的Safari瀏覽器（1.x的），它使用的渲染引擎仍然稱為為KTHML，相對于當前的WebKit。

以上內容就是css設置透明層效果的方法，希望對大家有幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com