一、背景颜色透明rgba
- 可以设置背景颜色的透明度从而实现透明效果;
- 语法:
rgba(red, green, blue, alpha) - alpha取值为0-1之间,0表示完全透明,1表示不透明,之间的数字表示透明的程度
background-color: rgba(0,0,0,0.4)- 注意: rgba只能设置背景颜色透明不会影响盒子里面的内容透明;
二、盒子透明opacity
- 语法:
opacity: 透明值; - opacity 设置盒子的透明,取值为0-1之间,0表示完全透明,1表示不透明,之间的小数表示透明的程度
opacity: .5;- 注意: 用opacity 设置透明,不仅让背景颜色透明,也会影响盒子里面的内容也跟着透明;