前言
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;
