opacity、rgb、rgba透明背景

opacity 属性是css3的属性，是指颜色的不透明度，也可以实现透明效果，1为完全不透明，0为完全透明 

       例子：opacity: .5;        

rgb() 定义了颜色的红绿蓝值

 例子：rgb(0,0,0); //表示黑色

rgba() 表示 红 绿 蓝 alpha ,W3C指在原有的rgb颜色模型之后增加了 “alpha”参数，可以让指定的颜色透明化。

        例子：rgba(0,0,0,.5) ;

opacity和rgba()都能实现透明效果，但最大的不同是opacity作用于元素，以及元素内的所有内容的透明度，而rgba()只作用于元素的颜色或其背景色。 这就意味着前者会把指定元素及其区域全部透明化，包括文字、背景之类的，当他的opacity值为0，也就是完全透明时，会显示一个空白块。而后者影响的只是指定元素本身的透明度，更加的可控。

例子：

  
   
   
   
  
  
  
CSS3 RGBA:
 
  
浏览器参照基准：Firefox3.6 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53 and Later, IE系列不做参考
 
  
语法：
 
  

    rgba(0-255,0-255,0-255,0-1) 
  
 
  
HEX颜色中的黑色：
 
  
 
   
background-color:#000000;
 
  
 
  
RGB颜色中的黑色：
 
  
 
   
background-color:rgb(0,0,0);
 
  
 
  
RGB颜色+opacity透明度：
 
  
 
   
background-color:rgb(0,0,0); opacity:.5;
 
  
 
  
RGBA颜色：
 
  
 
   
background-color:rgba(0,0,0,.5);