【技术】RGBA和opacity的区别

opacity (filter: Alpha(Opacity=50) 或opacity:0.5)会使整个元素包括子元素透明，而RGBA仅仅是元素本身透明,子元素不透明。

eg：
.div {background: rgba(0,0,0,0.5);} 

IE下RGBA写法：

.div {
   filter:progid:dximagetransform.microsoft.gradient
   (startcolorstr="#66000000", endcolorstr="#66000000",gradienttype=0);}
   
   /*ie9已经支持rgba模式了*/
 :root .div{filter:none;}

【技术】RGBA和opacity的区别

原文：http://www.cnblogs.com/ybingbing_1213/p/4275198.html