CSS3中设置透明度可用如下两类方法实现:
1.使用rgba或hsla
2.使用opacity
第一种方式只是让元素的某些部分有透明效果,而第二种方式会对整个元素产生影响。
举例来说
1.
input {background-color:rgba(255, 0, 0, 0.5);}
2.
input {background-color:#ff0000;opacity:.5;}
第一种方式会让输入框的背景色变成50%透明度的红色,但输入框的的文字不受任何影响。
而第二种方式不但输入框背景色变成50%透明度的红色,而且输入框的文字也变成50%的透明度了。