Web前端css如何設置透明度？

在css中，可以使用rgba()函數來設置透明度，該函數使用紅（R）、綠（G）、藍（B）、透明度（A）的疊加來生成各式各樣的顏色，語法格式“color:rgba(R,G,B,A);”或“background:rgba(R,G,B,A);”。

css設置透明度的方法：

css rgba()設置顏色透明度

語法：

rgba（R,G,B,A）;

RGBA 是代表Red（紅色） Green（綠色） Blue（藍色）和 Alpha（不透明度）三個單詞的縮寫。RGBA顏色值是 RGB顏色值的擴展，帶有一個alpha通道 - 它規(guī)定了對象的不透明度。

rgba（)里的值的介紹：

R：紅色值。正整數 （0~255）

G：綠色值。正整數 （0~255）

B：藍色值。正整數（0~255）

A：透明度。取值0~1之間

rgba()只是單純的可以設置顏色透明度，這樣在頁面的布局中有很多應用。比如說：讓背景出現透明效果，但上面的文字不透明。

代碼實例：

.demo{

width: 350px;

height: 300px;

margin: 50px auto;

}

.demo *{

width: 120px;

height: 120px;

margin: 10px;

float: left;

}

.demo1{

background:rgba(255,0,0,1);

}

.demo2{

background:rgba(255,0,0,0.5);

}