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好像就是这么简单……