css設定背景層透明的方法

css能夠對網頁中元素位置的排版進行像素級精確控制，支援幾乎所有的字型字型大小樣式，擁有對網頁對象和模型樣式編輯的能力。html中如果需要設定某一層的背景為透明該如何去設定呢？下面分享一下如何使用css設定透明層效果，這種方法並且是對所有瀏覽器都相容的。

下面是具體的代碼（以上效果設定的是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設定透明層效果的方法，希望對大家有協助。