rgba和opacity区别

Posted 明明一颗大白菜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了rgba和opacity区别相关的知识,希望对你有一定的参考价值。

首先来看rgba:

R:红色值。正整数 | 百分数
G:绿色值。正整数 | 百分数
B:蓝色值。正整数 | 百分数
A:Alpha透明度。取值0~1之间。

 

再看opacity:

后面的取值为从 0.0 (完全透明)到 1.0(完全不透明)。

 

两者的区别:opacity会继承父元素的 opacity 属性,而RGBA设置的元素的后代元素不会继承不透明属性。

 

以上是关于rgba和opacity区别的主要内容,如果未能解决你的问题,请参考以下文章

css3中RGBA和opacity的区别

转 opacity() 和 rgba() 的区别?display 和 visibility 有什么不同?

opacity与RGBA透明的区别

CSSrgba()和opacity这两个的透明效果有什么区别

rgba 和 opacity 的对比.

火狐下 如何用JS 取得CSS的 opacity值。