css設(shè)置背景層透明的方法

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

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

我們來看一下效果：

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

opacity:0.5;這個屬性是目前在CSS里面設(shè)置透明度的標(biāo)準(zhǔn)屬性。適用于大多數(shù)版本的Firefox，Safari和Opera等瀏覽器。

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

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

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

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

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