700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Css如何设置透明度 – CSS – 前端 css怎么设置在网页上占位

Css如何设置透明度 – CSS – 前端 css怎么设置在网页上占位

时间:2022-03-28 16:19:33

相关推荐

Css如何设置透明度 – CSS – 前端 css怎么设置在网页上占位

R:红色值。正整数 (0~255)

G:绿色值。正整数 (0~255)

B:蓝色值。正整数(0~255)

A:透明度。取值0~1之间

rgba()只是单纯的可以设置颜色透明度。例如:让背景出现透明效果,但上面的文字不透明。

.Li1{

background:rgba(255,0,0,1);

}

二、css opacity属性设置背景透明度

复制代码

.Li2{

opacity:1;

}

.Li3{

opacity:0.5;

}

复制代码

后面的参数代表透明度,数值为正整数,范围0~1之间

opacity属性具有继承性,会使容器中的所有元素都具有透明度;

总结:rgba()方法与opacity方法都可以实现透明度效果;

rgba()只作用于元素的颜色或其背景色(设置了rgb()透明度元素的子元素不会继承其透明效果);而opacity具有继承性,既作用于元素本身,也会使元素内的所有子元素具有透明度。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。