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設定透明層效果的方法,希望對大家有幫助。
相關推薦:
#以上是css設定背景層透明的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!