练习中，想把背景图片设置透明度，于是用了opacity属性发现是有效果，但是这图片上的文字怎么都有透明度效果了呢，出于好奇，找了一些资料才发现，原来还有个属性：rgba，这个效果可以实现了。我们看一下他们的语法吧！
1、opacity
中文翻译为：不透明度。语法：opacity：value | inherit ;
取值说明: value 不透明度，从0.0(完全透明)到1.0（完全不透明）。
注意：IE8以及更早版本支持替代的filter属性。例如：filter: Alpha（opacity=50）
2、rgba(r,g,b,a)
R：红色值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数 | 百分数
A：Alpha透明度。取值0~1之间。
正整数为十进制0255之间的任意值，百分数为0%100%之间的任意值。
RGBA是在R（Red）G（Green）B（Blue）模式上增加了alpha通道，alpha通道是不透明度，即，如果一个元素的alpha通道数值为0%（或0），那该元素就是完全透明的（也就是看
不见的，但是可以透过该元素看到该元素下的元素），数值为100%（或255）时则意味着该元素完全不透明。
他们之间到底有什么区别的？
opacity会继承父元素的opacity 属性，而rgba设置的元素的后代元素不会继承不透明属性。简单来说就是opacity作用于元素和元素所有内容的透明,而rgba之作用与该元素上！
w3c上面的：
HSL 颜色值是这样规定的：hsl(hue, saturation, lightness)。
HSL 指的是 hue（色调）、saturation（饱和度）、lightness（亮度） - 表示颜色柱面坐标表示法。
Hue 是色盘上的度数（从 0 到 360） - 0 (或 360) 是红色，120 是绿色，240 是蓝色。
Saturation 是百分比值；0% 意味着灰色，而 100% 是全彩。
Lightness 同样是百分比值；0% 是黑色，100% 是白色。
HSLA 颜色
HSLA 颜色值是 HSL 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。
HSLA 颜色值是这样规定的：hsla(hue, saturation, lightness, alpha)，其中的 alpha 参数定义不透明度。alpha 参数是介于 0.0（完全透明）与 1.0（完全不透明）的数字。