CSS中圖片變透明的方法

在CSS中，我們可以使用opacity屬性來使圖片變透明。opacity屬性定義了一個元素的不透明度，以下是一些示例代碼：

1、完整透明：

img {
  opacity: 0;
}

2、50%透明度：

img {
  opacity: 0.5;
}

3、完全不透明：

img {
  opacity: 1;
}

opacity屬性會影響元素及其所有子元素的透明度，如果你只想改變圖片本身的透明度，而不影響其他元素，你可以使用rgba顏色值來指定圖片的透明度：

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

在這個示例中，圖片的背景色被設置為白色，但透明度為50%，這樣，圖片本身會變得更加透明，而不會影響到其他元素的透明度。