rgba()和opacity的透明效果有什么不同？

  之前做项目，经常遇到要求背景透明，里面文字不透明的情况。我们透明常用opacity实现，但发现使用opacity会导致文字也透明了，明显未达到预期。后来发现使用rgba()能实现，那两者的区别是什么呢？最后总结区别如下：

    opacity：作用于元素以及元素内的所有内容（包含文字）的透明度；

    rgba()：只作用于元素自身的颜色或背景颜色，其子元素不会继承透明度效果；

以上为两者的区别，希望对大家有帮助，解决日常问题