前端记录2--设置div背景颜色透明度但内部元素不透明

需求

设置div背景颜色透明度,内部元素不透明:

实现

1
2
3
.demo{
 background-color:rgba(0,0,0,0.8)<!--最后一个参数设置透明度,前面三个是RGB颜色值-->
}

错误方式:

1
2
3
4
.demo{
background-color:black;
opacity:0.75;
}

这样会导致div里面的元素内容和背景颜色一起变透明