【技术】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;}
posted @ 2015-02-05 16:36  ybingbing_1213  Views(170)  Comments(0)    收藏  举报