opacity与RGBA透明的区别

Posted pao8041

tags:

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

为什么不使用opacity
CSS3 还允许通过opacity 声明来设置元素的透明度。该透明度的值也是一个介于0 到1 之间的小数(如将opacity 设置为0.1 表示为10%透明)。但是这种透明度与RGBA 及HSLA 有所不同,这种方式设置的透明度会对整个元素产生影响(元素的内容都会透明)。反之,使用HSLA或RGBA 则可以仅让元素的某些部分有透明效果。这样,一个元素可以带有HSLA 透明背景,但内部的文字仍然不透明。

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

rgba(0,0,0,0) 和透明有啥区别?

不透明度和通过 alpha 通道 (rgba) 的不透明度有啥区别?

透明度 rgba 和 opacity 的区别

rgba和opacity区别

css3中RGBA和opacity的区别

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