透明度设置:opacity与rgba
来源:互联网 发布:淘宝pu女包 编辑:程序博客网 时间:2024/05/26 02:20
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>
阅读全文