css设置透明颜色

html-css015

css设置透明颜色,第1张

css rgba()设置颜色透明度

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中的拾色器里的数值。