css怎么可以只让背景透明 文字不透明

1. 单色背景
   可以不使用opacity属性，而是使用rgba函数
   ex：

<div style="background-color:rgba(0,0,0,0.5)">背景是透明度0.5的黑色，文字不透明</div>

2. 图片做背景
   将图片跟文字设置成兄弟关系，对图片设置opacity属性，把文字设置成绝对定位，然后将其定位到图片上

<div style="position:relative">
    <div style="position:absolute; background:url(图片地址) no-repeat; height:100px; width:400px; opacity:0.5"></div>
    <div style="position:absolute">背景是透明度0.5的图片，文字不透明</div>
</div>