CSS3 rgba

上篇介绍了png图片查看透明度的问题,今天探讨下css3中的rgba()。rgb相信大家都已经熟悉。RGB是色光色彩模式。R:代表红色(red),G:代表绿色(green),B:代表蓝色(blue)。RGB是光的三原色,通过三原色的不同叠加就形成了各种五颜六色的颜色。

rgba就是在rgb的基础上增加了一个Alpha透明度。rgba(r,g,b,a)r,g,b的取值为0-255,a的取值为0-1。

div {
	background: rgba(0,0,0,.5);
}

css中还有一个opacity属性,也可控制透明度。和rgba相比,如果你在一个元素上设置了opacity ,那么他的所有后代元素都会设置了透明度。而且opacity不能设置border color等属性。使用上有诸多不便。

额,rgba好像就是这么简单……