美文网首页CSS
[CSS] opacity与rgba的区别

[CSS] opacity与rgba的区别

作者: 何幻 | 来源:发表于2016-03-03 07:13 被阅读103次

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

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

相关文章

网友评论

    本文标题:[CSS] opacity与rgba的区别

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