[CSS] opacity与rgba的区别

实现半透明有两种方式:
(1)background-color:rgb(0,0,0);opacity:.2;
(2)background:rgba(0,0,0,.2);

这两种方式是不同的。
opacity方式,会将元素的子元素也变成半透明的,例如:文字
rgba方式,只对该元素进行设置,不影响子元素。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,706评论 32 459
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 8,397评论 0 11
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,187评论 1 4
  • 家乡五月份的天气总是阳光明媚,深蓝的天空中飘着几朵白云,吃完早饭的我见外面阳光如此美好,决定出门去体验下这大自然的...
    琛筱阅读 1,579评论 0 2
  • 1.大沽河 我知道大沽河的来历 我却说不清从何时起 清清亮亮的河水去了哪里 不知道,汪洋水库几年间成了大草原 我不...
    闪亮的写作者阅读 1,573评论 0 1