RGBA 是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha(不透明度)三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展,带有一个 alpha 通道 - 它规定了对象的不透明度。
rgba()里的值的介绍:
R:红色值。正整数 (0~255)
G:绿色值。正整数 (0~255)
B:蓝色值。正整数(0~255)
A:透明度。取值0~1之间
rgba()只是单纯的可以设置颜色透明度,这样在页面的布局中有很多应用。比如说:让背景出现透明效果,但上面的文字不透明。
透明色可以是任意的颜色,就是一种颜色加的透明度。CSS透明度的代码:
opacity:0.5
filter:alpha(opacity=50)
background:#000
这个的意思就是在黑色的基础上,透明度是百分五十。
根据你需要的颜色自己选择色值就行了。
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中的拾色器里的数值。