這篇文章主要講解了“css3的透明度如何設(shè)置”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css3的透明度如何設(shè)置”吧！

我們提供的服務(wù)有：做網(wǎng)站、網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、太康ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的太康網(wǎng)站制作公司

方法：1、利用rgba()函數(shù)，語法為“rgba(紅色值,綠色值,藍色值,透明度值);”；2、利用opacity屬性，語法為“opacity:透明度值;”；3、利用filter屬性，語法為“filter:opacity(透明度值);”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css3透明度的設(shè)置方法

1、利用rgba() 函數(shù)使用紅(R)、綠(G)、藍(B)、透明度(A)的疊加來生成各式各樣的顏色。

RGBA 即紅色、綠色、藍色、透明度（英語：Red, Green, Blue、Alpha）。

紅色（R）0 到 255 間的整數(shù)，代表顏色中的紅色成分。綠色（G）0 到 255 間的整數(shù)，代表顏色中的綠色成分。藍色（B）0 到 255 間的整數(shù)，代表顏色中的藍色成分。透明度（A）取值 0~1 之間， 代表透明度。

輸出結(jié)果：

2、利用opacity 屬性設(shè)置元素的不透明級別。代碼如下：

本元素的不透明度是 0.5。請注意，文本和背景色都受到不透明級別的影響。

輸出結(jié)果：

3、利用filter 屬性定義了元素(通常是)的可視效果(例如：模糊與飽和度)。代碼如下：

圖片轉(zhuǎn)為透明:

輸出結(jié)果：

感謝各位的閱讀，以上就是“css3的透明度如何設(shè)置”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對css3的透明度如何設(shè)置這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！