本篇文章给大家介绍一下css中透明度的设置方法，下面我们就来看看具体的内容。

不透明度和透明度

根据定义，CSS中的不透明度和透明度定义了元素的可见性，无论是图像，表格还是RGBA(红绿蓝alpha)颜色值。根据它们的意思，不透明度是元素不透明度或坚固度的度量，而透明度则衡量您可以轻松地看到它下面层中存在的内容。无论如何，它们以相同的方式工作 - 100％不透明意味着元素完全可见，而100％透明意味着它完全不可见。

您可以使用CSS，而不是使用昂贵的软件来创建这些效果！通过几个简单的击键，您可以立即更改页面中元素的外观，或者在某些情况下甚至可以更改鼠标指针悬停在其上时的反应。

不透明和透明的图像

修改图像时，opacity属性接受0.0到1.0之间的值，后者作为默认值。因此，值越低，图像变得越透明。

在下面的例子中，我们使用0.2,0.5和1.0进行并排比较：

img {

opacity: 0.5;

filter: alpha(opacity=50); /* For IE8 and earlier */

}

注意：我们使用了filter属性，因为Internet Explorer 8及更低版本的版本尚未识别opacity属性。

透明的盒子和桌子

您可以