CSS3 中透明度怎么用

在CSS3 中，可以使用rgba() 函數(shù)來(lái)設(shè)置顏色的透明度，rgba() 函數(shù)接受四個(gè)參數(shù)，前三個(gè)參數(shù)分別代表紅色、綠色和藍(lán)色的值，第四個(gè)參數(shù)代表透明度，取值范圍是0 到1 之間，其中0 表示完全透明，1 表示完全不透明。

要將一個(gè)元素的顏色設(shè)置為帶有透明度的藍(lán)色，可以這樣寫(xiě)：

element {
  background-color: rgba(0, 0, 255, 0.5);
}

上述代碼中，背景色被設(shè)置為帶有透明度的藍(lán)色，透明度為0.5。

除了rgba() 函數(shù)外，CSS3 還提供了其他設(shè)置透明度的方法，例如使用opacity 屬性，opacity 屬性接受一個(gè)0 到1 之間的數(shù)值，表示元素的透明度。

element {
  opacity: 0.5;
}

上述代碼中，元素的透明度被設(shè)置為0.5。

需要注意的是，使用opacity 屬性會(huì)改變?cè)丶捌渌凶釉氐耐该鞫?，而使用rgba() 函數(shù)只會(huì)改變?cè)乇尘吧耐该鞫龋谶x擇使用哪種方法時(shí)需要根據(jù)具體需求來(lái)決定。