rgba和opacity设置透明度的区别

前言

rgba和opacity都可以用于透明度的显示

rgba

rgba(0-255,0-255,0-255,0-1)最后以为0-1表示当前元素的透明度,不会影响到子元素

如下图,我给最外层div的背景色设置了rgba,有且只有当前最外层div有透明度,其内部的子元素比如‘dididi’不会有透明度

background: rgba(52,171,255,.1);

 opacity

当我给最外层的div设置opacity后,最外层div和div内部的子元素都会有透明度.使用opacity的元素会影响其内部的子元素.如下图

background:#0f3263;
  opacity: 0.5;