opacity与rgba

 opacity与rgba的区别

实现半透明有两种方式:
(1)background-color:rgb(0,0,0);opacity:.2;
(2)background:rgba(0,0,0,.2);

这两种方式是不同的。
opacity方式,会将元素的子元素也变成半透明的,例如:文字
rgba方式,只对该元素进行设置,不影响子元素。

首先使用了opacity属性

仔细看,是可以通过黑色框内白色的字,看到网页文本里的字的。

 在使用了background-color:rgba(0,0,0,0.5)之后

这里仅仅是背景透明了,框内的文字并没有继承该属性,所以并不能透过文字看到网页里的文本

 

转载于:https://www.cnblogs.com/acorn/p/5264113.html

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页