.sao-div {  
    position: relative; /* 确保伪元素能相对于这个元素定位 */  
    background-image: url('your-image.jpg'); /* 设置背景图片 */  
    background-size: cover; /* 根据需要调整背景图片大小 */  
    z-index: 0; /* 确保伪元素在div之上 */  
}  
  
.sao-div:before {  
    content: ""; /* 伪元素需要内容属性，即使它是空的 */  
    position: absolute; /* 相对于.my-div定位 */  
    top: 0;  
    left: 0;  
    right: 0;  
    bottom: 0;  
    background: rgba(0, 0, 0, 0.5); /* 设置半透明的黑色层，这里的0.5是透明度（范围从0到1） */  
    z-index: -1; /* 确保伪元素在div的背景图片之下 */  
}

暂无详细描述，基本和本站差不多，可自行安装体验

暂无详细描述，基本和本站差不多，可自行安装体验

暂无详细描述，基本和本站差不多，可自行安装体验

暂无详细描述，基本和本站差不多，可自行安装体验

暂无详细描述，基本和本站差不多，可自行安装体验