为什么不使用opacity
CSS3 还允许通过opacity 声明来设置元素的透明度。该透明度的值也是一个介于0 到1 之间的小数（如将opacity 设置为0.1 表示为10%透明）。但是这种透明度与RGBA 及HSLA 有所不同，这种方式设置的透明度会对整个元素产生影响（元素的内容都会透明）。反之，使用HSLA或RGBA 则可以仅让元素的某些部分有透明效果。这样，一个元素可以带有HSLA 透明背景，但内部的文字仍然不透明。
原文：http://www.cnblogs.com/pao8041/p/5636296.html