- 单色背景
可以不使用opacity属性,而是使用rgba函数
ex:
<div style="background-color:rgba(0,0,0,0.5)">背景是透明度0.5的黑色,文字不透明</div>
- 图片做背景
将图片跟文字设置成兄弟关系,对图片设置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>