div+css如何实现背景图半透明文字内容不透明

1、我们这里主要是为了好对比，采用了两个数据，如下图的div+css显示情况。其中div 和css样式相似，如下图

3、div中有一个opacity,可以去处理一下css的透明度，在第一个bg添加filter:alph锾攒揉敫a(opacity=30);opacity:0.3;，我们可以看到不只是图片背景有透明，文字相应的也做了透明处理，如下面对比图

5、用图片进行透明度处理之后，需要在css里修改图片的选择，如下图一个选择为bg2,一个背景图选择bg1。

7、对于如果是颜色背景的话，可以直接用css样式进行透明的处理，如下图的background:rgba(0,0,0,0.2) none repeat scroll !important;