透明度设置：opacity与rgba

opacity:不透明度，用于设置整体属性得不透明，意味着其后代属性也会不透明。

    <div style="width:200px;height:150px;background-color:black; opacity:0.3;">
        <div style="position:relative;top:40%"><p style="color:red;text-align:center">文字也一起半透明了</p></div>
    </div>

rgba:一般用于调整background-color,color,box-shadow等的透明度

    <div style="width:200px;height:150px;background-color:rgba(0,0,0,0.3)">
        <div style="position:relative;top:40%"><p style="color:red;text-align:center">文字并不半透明</p></div>
    </div>