html中图片中如何加入半透明背景和文字？html背景透明度

html中图片中如何加入半透明背景和文字？

<div class="a">

<div class="b">文字</div>

</div>

可以把图片作为div a的背景，给div b添加半透明效果

.a{background:url(图片地址)}

.b{opacity: 0.5;}