background: rgba(red,green,blue,alpha)
前三个值就是填rgb的三个值,
最后一个值alpha填透明度:0~1
0是全透明,1是完全不透明
效果是盒子可以透明,字不会受影响。
例如:
<style>
body {
background-image: url(https://ossweb-img.qq.com/upload/webplat/info/yxzj/20210908/78624200846891.png);
}
div {
width: 100px;
height: 100px;
background: rgba(18, 37, 18, .5);
}
</style>
<body>
<div>oejifjefji</div>
</body>
效果图