CSS3 RGBA

在CSS2.0时代，可以使用的元素的颜色值有四种表示方法：直接使用颜色名（比如red、blue）、RGB值（比如 rgb（255,0,0））、RGB百分比（比如 rgb(100%,0%,0%)）和十六进制数（比如 #ff0000）；表示透明度则需要使用opacity定义或透明背景图实现。 

RGBA和透明度 来源：黄超

[点击放大]

而随着CSS3.0的诞生，只要利用RGBA直接显示定义颜色和透明效果。RGBA，顾名思义就是RGB颜色和“Alpha”透明度相结合而诞生的，所以它能兼顾两者。  RGBA的使用方法：

.p1 { background: rgba(0,0,255,1) } /* 蓝色，透明度为100% */

.p2 { background: rgba(100%, 50%, 0%, 0.5) } /* 橘黄色，透明度为50% */

  和CSS2.0的RGB值使用方法相同，三个值可以是数值也可以是百分比，第四项是透明度，值为1的元素是完全不透明的，为0的元素是完全透明的。  目前对RGBA支持比较好的浏览器有Firefox、Google Chrome和Safari，使用时不需要加-moz-和-webkit-之类的前缀。