css之opcity和rgba的区别

css之opcity和rgba的区别

1. RGBA. r--red g---green b--blue ,取值可以是正整数和百分。a表示透明度去值0到1之间

   .bg{
       height: 400px;
       width: 400px;
       font-size: 40px;
       background: rgba(255, 0, 0, 0.56);
   }
   

2. opcitity 获取值范围0到1 0表示完全透明 1表示完全不透明

   .bg{
       height: 400px;
       width: 400px;
       font-size: 40px;
       background: red;
       opacity:red
   }
   

3. 区别：

   opacity 会继承父元素的opacity属性 ，rgba设置元素的后代元素不会继承不透明属性