背景色为rgba的透明效果

CSS：

2. .main{   
     clear:rightright;   
     margin:20% auto;   
     overflow:hidden;   
     width:335px;   
   }   
   .main div{   
     color:red;   
     float:left;   
     display:inline-block;   
     width:160px;   
     height:160px;   
     text-align:center;   
   }   
   /*使用opacity透明属性的显示效果*/  
   .div1{background-color:rgb(0,0,0);   
     opacity:0.5;   
     filter:alpha(opacity=50);   
     -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';margin-right:15px;   
   }   
   .div1 p{   
     position:relative;   
   }   
   /*使用rgba色显示的效果*/  
   .div2{   
     background:rgba(0,0,0,.5)   
   }

上述内容就是如何在CSS3中使用opacity属性设置透明效果，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。