CSS Opacity

CSS opacity 属性用于指定元素的透明度。简单来说，它可以定义图像的清晰度。

技术上来说，不透明度（Opacity）被定义为允许光线穿过物体的程度。

如何应用 CSS opacity 设置

Opacity 设置是统一应用于整个对象的，其值定义为小于 1 的数字。Opacity 值越小，不透明度越高。Opacity 不可继承。

CSS Opacity 示例：透明图像

让我们看一个简单的 CSS opacity 图像透明度示例。

输出

普通图像

透明图像

注意 1：Chrome、Firefox、Opera、Safari 和 IE9 使用 opacity 属性来实现透明度。Opacity 的值范围是 0.1 到 1.0。值越小，透明度越高。

注意 2：IE 的旧版本使用 filter: alpha(opacity=x)。这里的 x 值范围是 0 到 100。值越小，透明度越高。