CSS背景色透明但内容不透明怎么实现

1、我们先来看看不加透明的效果。我是做了两层背景，图片为一个背景，文字下面又添加了一个纯色的背景，我们要做的就是把纯色背景设置成半透明的效果。

2、方法一：用rgba值设置背景现在ps里面看下我们的背痔辏哔刂景颜色的rgb值是多少。然后background:rgba(39,60,125,0.5);前三个数字为我们在ps里面看到的rgb值，最后一个数字是透明的色值，为0-1之间的数值，数字越大，越不透明，0为完全透明，1为完全不透明。设置之后可以看到，背景色变成了半透明的效果，而我们的文字内容是不透明的。

5、以上就是两种设置背景为半透明，内容不透明的两种方法了。如果你需要考虑浏览器兼容性的话就选择第二个方法，如果完全放弃了ie浏览器，就可以大胆的用第一种方法了。