CSS rgba 和 opacity 的区别(琐碎知识点整理)

rgba 和 opacity 的区别:

1. rgba 和 opacity 都能实现透明效果, 但最大的不同在于 opacity 作用于元素本身以及元素内的所有内容; 而 rgba 只作用于元素本身, 子元素不会继承透明效果 。
2. rgba 是 CSS3 的属性, 用法说明:
  1. rgba(R,G,B,A) 参数说明
      1. R (红色值, 正整数|百分数),
      2. G (绿色值, 正整数|百分数),
      3. B (蓝色值, 正整数|百分比),
      4. A(Alpha 透明度。 0（透明）~1)。
3. 注意: IE6-8 不支持 rgba 模式 。

如果对你有所帮助，大家喜欢可以点个关注；如有问题还望不吝赐教，本人会及时更改。(如要转载，请注明出处)。