8.2图像透明文字不透明

在工作中,我遇到背景是透明的，而里面的文字是不透明的页面。平常我们一般都会用到，定义三个层，一个父层相对定位，一个透明层绝对定位，还有一个层就是内容层。一般使用”opacity“，它很简单易用，但是，opacity会使所有的子元素都变成透明的，透明层的子类内容层会受opacity标签的影响一起变透明，为了解决这个问题，需要把透明层和内容层分成两个块元素通过定位进行层叠，这就比较麻烦。还有一种方法是通过rgba，我们可以将一个元素设置为透明，而不会影响其子元素.
rgba方法

 background:rgba(0,0,0,0.3);