background: rgba(red,green,blue,alpha)
    前三个值就是填rgb的三个值,
    最后一个值alpha填透明度:0~1
    0是全透明,1是完全不透明
    效果是盒子可以透明,字不会受影响。

    例如:

    1. <style>
    2. body {
    3. background-image: url(https://ossweb-img.qq.com/upload/webplat/info/yxzj/20210908/78624200846891.png);
    4. }
    5. div {
    6. width: 100px;
    7. height: 100px;
    8. background: rgba(18, 37, 18, .5);
    9. }
    10. </style>
    <body>
      <div>oejifjefji</div>
    </body>
    

    效果图
    image.png