CSS怎么设置让背景颜色透明,而文字不透明

html-css010

CSS怎么设置让背景颜色透明,而文字不透明,第1张

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

2、然后在父级DIV中插入一个子DIV,定义它的宽高,以及背景色。

3、然后我们添加一个透明度的代码(opacity:0.6)。

4、在图层的上方,有个不透明度,我们把PS中图层不透明度设置为60%。

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

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

使用rgba就可以了,background: rgba(255, 255, 255, 0.5)

前面的是三原色,后面的是透明度,0.5就是半透明,

例如