CSS 背景属性（背景图像、不透明度）

CSS 背景属性：
属性指定元素的背景色：
background-color

指定用作元素背景的图像：
background-image

在水平和垂直方向上都重复图像
background-repeat
图像仅在水平方向重复 (background-repeat: repeat-x;)
垂直重复图像，请设置 background-repeat: repeat-y;

指定背景图像是应该滚动还是固定的（不会随页面的其余部分一起滚动）：
background-attachment

设置背景图像的起始位置
background-position

不透明度 / 透明度
opacity 属性指定元素的不透明度/透明度。取值范围为 0.0 - 1.0。值越低，越透明：

实例
div {
  background-color: green;
  opacity: 0.3;
}

注意：使用 opacity 属性为元素的背景添加透明度时，其所有子元素都继承相同的透明度。这可能会使完全透明的元素内的文本难以阅读。

使用 RGBA 的透明度
如果您不希望对子元素应用不透明度，例如上面的例子，请使用 RGBA 颜色值。下面的例子设置背景色而不是文本的不透明度：

可以将 RGB 用作颜色值。除 RGB 外，还可以将 RGB 颜色值与 alpha 通道一起使用（RGBA） - 该通道指定颜色的不透明度。
RGBA 颜色值指定为：rgba(red, green, blue, alpha)。alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。
实例
div {
  background: rgba(0, 128, 0, 0.3) /* 30% 不透明度的绿色背景 */
}