透明度 rgba 和 opacity 的区别

Posted serdy

tags:

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

rgba:

    使用方式:rgba(255, 255, 255, .5) 最后一个参数表示透明度取值范围 0 ~1

      只作用于元素的颜色或其背景色。

opacity : 

    使用方式:opacity : .5 ;  参数表示透明度取值范围 0 ~1

    作用于元素及元素内的所有内容。(即可以被其子元素继承)

     

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

opacity与RGBA透明的区别

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

rgb() 和 rgba() 不透明度有啥区别?

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

rgba 和 opacity 的对比.

CSS技巧-rgba函数的妙用