CSS背景半透明效果是一种非常常见的设计效果，在网页设计中经常被使用。通过CSS的opacity属性和rgba颜色值，我们可以快速地为元素设置背景半透明效果。
/* 使用 opacity 属性设置背景半透明 */
.element {
background-color: #fff;
opacity: 0.5;
}
/* 使用 rgba 颜色值设置背景半透明 */
.element {
background-color: rgba(255, 255, 255, 0.5);
}
这里介绍一下两种方法的区别：
opacity属性会使得元素中所有的子元素也继承半透明效果，包括文字、图片、边框等。而使用rgba颜色值设置半透明，则只会影响元素的背景颜色。
此外，opacity还可以用来设置元素的不透明度，取值范围为0到1，0为完全透明，1为完全不透明。
最后需要注意的是，在IE8及以下版本的浏览器中，opacity属性不被支持，要实现背景半透明效果需要使用IE专有的滤镜。
