三者都和透明度有关。
opactiy
用来设置元素的不透明度级别,从0.0(完全透明)到1.0(完全不透明)。transparent
是颜色的一种,这种颜色叫透明色。rgba(r,g,b,a)
稍微复杂一点。
- r:红色值;
- g:绿色值;
- b:蓝色值。三个颜色值组合在一起就形成最终颜色。
- a:alpha透明度。表示像素不透明性的值。像素越不透明,则隐藏越多呈现图像的背景。取值0~1之间。0表示完全透明的像素,1表示完全不透明的像素。
三者的区别
opacity
是作为一个完整属性出现的。transparent
和rgba
都是作为属性值出现的。opacity
是对整个元素起作用的,transparent
和rgba
是对元素的某个属性起作用的。- 如果一个元素未设置
opacity
属性,那么它会从它的父元素继承opacity
属性的值。而alpha
不存在继承。