CSS3圖片透明度設置

在CSS3中，我們可以使用opacity屬性來設置圖片的透明度。opacity屬性的值范圍從0到1，其中0表示完全透明，1表示完全不透明，以下是一些示例代碼，展示如何設置圖片的透明度：

1、設置圖片為完全不透明：

img {
  opacity: 1;
}

2、設置圖片為半透明：

img {
  opacity: 0.5;
}

3、設置圖片為完全透明：

img {
  opacity: 0;
}

除了opacity屬性，CSS3還提供了rgba顏色值，允許我們設置顏色的透明度，如果我們想要設置一個半透明的紅色背景，可以這樣做：

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

在這個示例中，rgba值的***后一個是透明度，范圍是0到1，這個背景色是半透明的紅色。

opacity屬性會影響元素及其所有子元素的透明度，而rgba顏色值僅影響元素本身的透明度，在設置透明度時，根據(jù)需要選擇合適的屬性。