背景透明及引发的文字透明问题

首先为界面加一个背景图片

background-image: url(img/timg.jpg);

在背景层上一层，加一个透明层

background-color: #ffffff;
opacity:0.5;

可以为透明层设置一些宽度、高度、加个边框之类的别的样式

然后问题来了：在透明层里面的字体也会变得透明

我也试过直接为字体单独设成黑色，但是效果并不理想

百度后发现background: rgba(0,0,0,0);这个属性，前三个分别为红，绿，蓝的值（0-255），后一个为透明度

background: rgba(255,255,255,0.5);

将opacity替换为background: rgba(0,0,0,0);之后，就会产生透明效果并且其子元素不会透明了