我们还有一种CSS属性能让元素变得半透明，那就是opacity属性。

调整透明度很简单，你可以在Photoshop或Sketch中轻松设置。

在CSS中，RGBa和opacity都调节alpha通道，但它们之间还是有区别的。RGBa 只调节一个元素的上的不透明度，而opacity透明度是继承的，它可以影响它的子元素。为了证实这一点，我使用我的网站上的面板来看下效果。

左图使用opacity属性的时候， 文本也变得半透明了；右图使用RGBa的时候，只有背景变为半透明了，文本却没有。