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

Posted 前端向朔

tags:

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

1.opacity 是属性,rgba()是函数,计算之后是个属性值;
2.opacity 作用于元素和元素的内容,内容会继承元素的透明度,取值0-1;
3.rgba() 一般作为背景色 background-color 或者颜色 color 的属性值,透明度由其中的 alpha 值生效,取值0-1;

扩展:
1.transparent 也是透明,是个属性值,颜色值,跟#000是一类,不过它是关键字来描述。
2.如何隐藏一个元素?

问题来源和跟踪:https://github.com/haizlin/fe-interview/issues/99

以上是关于CSSrgba()和opacity这两个的透明效果有什么区别的主要内容,如果未能解决你的问题,请参考以下文章

兼容各种浏览器的透明层效果

bootstrap弹框去除遮罩层效果

Sass:Opacity函数-alpha()opacity()函数

12Flutter--组件装饰

opacity与RGBA透明的区别

rgba 和 opacity 的对比.