CSS设置页面元素的显示透明度

一般有两种方法实现元素透明度的调整：

• rgba(R,G,B,A)
  此函数主要用于元素的颜色设置，主要靠 A (alpha)值来控制透明度， 取值在0~1之间，值越小越透明。
• opacity属性
  取值在0~1之间，值越小越透明。

两者的区别在于opacity属性具有继承性，会让元素的所有子元素也具有透明度，但rgba()只作用于元素本身。

参考资料

• css设置透明度的两种方法