CSS3中两种设置透明度的方法的区别

为什么80%的码农都做不了架构师？>>>   

CSS3中设置透明度可用如下两类方法实现：

1.使用rgba或hsla

2.使用opacity

第一种方式只是让元素的某些部分有透明效果，而第二种方式会对整个元素产生影响。

举例来说

1.

input {background-color:rgba(255, 0, 0, 0.5);}

2.

input {background-color:#ff0000;opacity:.5;}

第一种方式会让输入框的背景色变成50%透明度的红色，但输入框的的文字不受任何影响。

扫描二维码关注公众号，回复： 6446889 查看本文章

而第二种方式不但输入框背景色变成50%透明度的红色，而且输入框的文字也变成50%的透明度了。

转载于:https://my.oschina.net/cjkall/blog/195875