opacity

摘要

opacity 属性控制元素的透明度和不透明度。其值范围为 0 到 1。假设父级具有默认值，不透明度为 1 的元素完全不透明，而不透明度为 0 的元素完全透明。渲染元素时使用的不透明度是其自身不透明度和其祖先元素不透明度的乘积。

alpha-value: 一个 浮点数 值，介于 0.0（完全透明）和 1.0（完全不透明）之间，包含这两个值。超出此范围的任何值都将被限制在此范围内。
inherit: 表示该属性采用与其父元素相同的计算值。

.example1 {
  opacity: 0.5;
}

 As an alternative to the visibility property, an element's opacity can be set to 0 to make the element take space but not appear.

重要的是要注意，opacity 不仅影响给定的元素，还影响其包含的所有元素。

opacity 设置将统一应用于整个对象。超出 0.0 到 1.0 范围的任何值都将被限制在此范围内。

可以将对象或组的不透明度概念化为后处理操作。概念上，在对象或组渲染到离屏 RGBA 图像后，对象或组的不透明度设置指定如何将离屏图像混合到当前背景中。

请注意，将此属性的值设置为小于 1 会创建一个新的堆叠上下文。有关更多信息，请参阅 Philip Walton 的 What No One Told You About Z-Index。