CSS中设置透明度的多种方式可以分为两类：一类是使用rgba()函数，另一类是使用opacity属性。
rgba()函数是一种CSS3新增的函数，它可以用来设置元素的背景色以及元素的透明度。rgba()函数的格式为：rgba(red, green, blue, alpha)，其中red、green、blue分别代表红、绿、蓝三色，alpha代表透明度。
background-color: rgba(255, 0, 0, 0.5);
上面的代码中，rgba(255, 0, 0, 0.5)表示设置元素的背景色为红色，透明度为50%。
opacity属性也可以用来设置元素的透明度，它的取值范围为0.0（完全透明）到1.0（完全不透明），默认值为1.0。
opacity: 0.5;
上面的代码中，opacity: 0.5表示设置元素的透明度为50%。
div {
opacity: 0.5;
}
div {
background-color: rgba(255, 0, 0, 0.5);
}
本文链接：http://task.lmcjl.com/news/12825.html