css图片透明度设置问题

最近做一个项目，调图片的透明度问题，在这记录一下。如果我们不想让子元素继承父元素的opacity属性。

<div
class="parent">  

<div
class="child"></div>  

</div>`

如果我们在css文件中，令parent类的opacity设置为0.5。那么，我们即对整个div用了opacity，那么这个<div>包含的所有的元素都会被透明化（包括边框，背景色，文本等等），就算父<div/>的中的子<div>用绝对定位positon:absolute;跳出父<div>的盒范围，子<div>依然是透明化的。
即使我们令子<div/>的child类中的opacity=1，依然没有用。

做法：只设置背景透明度。 

1.background:
raba(x1, x2, x3, y);  

x1
x2 x3 取值是0-255之间的整数  

y，
取值是0-1之间（0， 0.1， 0.2， 0.3， 0.4， 0.5， 0.6， 0.7， 0.8， 0.9， 1）
 

2.
再创建新的<div/>把你想不透明的内容分开。