Question

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

Answer 1

1、首先新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。

2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色（background：#fff;）。

3、然后添加一个透明度的代码（opacity:0.6）,保存后预览下效果，背景已经实现透明了，但是文字也透明了。

4、熟悉PS的同学应该都知道，在图层的上方，有个不透明度，把PS中图层不透明度设置为60%，就和网页中的效果一样了，他们是一个数值。

5、把刚才的背景色和不透明度代码删除，换个代码【background-color:rgba(255,255,255,0.6);】。

6、保存后看下效果，已经变成了背景透明，文字不透明啦。

7、其中255,255,255就是PS中的拾色器里的数值啦。

8、0.6同第一种方式是一个含义。