opacity和rgba的区别

opacity和rgba都是css中设置透明度的方式。

文章目录

opacity属性rbga属性值opacity和rgba的区别

opacity属性

opacity 属性设置元素的不透明级别。

语法：

opacity: value|inherit;

rbga属性值

rgba() 函数使用红( R)、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。

语法：

rgba(red, green, blue, alpha)

opacity和rgba的区别

opacity

opacity是一个属性。opacity属性的值，可以被其子元素继承，给父级div设置opacity属性，那么所有子元素都会继承这个属性，并且，该元素及其继承该属性的所有子元素的所有内容透明度都会改变。rgba

rgba是一个属性值。rgba设置的元素，只对该元素的背景色有改变，并且，该元素的后代不会继承该属性。