美文网首页
CSS rgba 和 opacity 的区别(琐碎知识点整理)

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

作者: 黑木令 | 来源:发表于2021-05-15 21:52 被阅读0次

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 模式 。
如果对你有所帮助,大家喜欢可以点个关注;如有问题还望不吝赐教,本人会及时更改。(如要转载,请注明出处)。

相关文章

网友评论

      本文标题:CSS rgba 和 opacity 的区别(琐碎知识点整理)

      本文链接:https://www.haomeiwen.com/subject/zgdtkltx.html