CSS opacity属性

CSS opacity属性用于指定元素的透明度。简而言之，您可以说它指定了图像的清晰度。

用技术术语来说，“不透明度”定义为允许光穿过对象的程度。

如何应用CSS不透明度设置

不透明度设置均匀地应用于整个对象，并且不透明度值以小于1的数字值来定义。不透明度值越小，显示的不透明度越大。不透明度不被继承。

CSS不透明度示例：透明图像

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

Normal Image

Transparent Image

输出：

普通影像

透明图像

注意1：Chrome，Firefox，Opera，Safari和IE9使用opacity属性提高透明度。不透明度值的范围是0.1到1.0。较低的值会产生较大的不透明度。
注意2：较旧版本的IE使用过滤器：alpha(opacity = x)。 x值在0到100之间变化。较低的值会产生较大的不透明度。