Skip to content

三者都和透明度有关。

  1. opactiy用来设置元素的不透明度级别,从0.0(完全透明)到1.0(完全不透明)。
  2. transparent是颜色的一种,这种颜色叫透明色。
  3. rgba(r,g,b,a)稍微复杂一点。
  • r:红色值;
  • g:绿色值;
  • b:蓝色值。三个颜色值组合在一起就形成最终颜色。
  • a:alpha透明度。表示像素不透明性的值。像素越不透明,则隐藏越多呈现图像的背景。取值0~1之间。0表示完全透明的像素,1表示完全不透明的像素。

三者的区别

  1. opacity是作为一个完整属性出现的。transparentrgba都是作为属性值出现的。
  2. opacity是对整个元素起作用的,transparentrgba是对元素的某个属性起作用的。
  3. 如果一个元素未设置opacity属性,那么它会从它的父元素继承opacity属性的值。而alpha不存在继承。