相同之處:
都可以實現改變元素的透明度
不同之處:
rgba
opacity
影響範圍
自身自身、後代元素
使用範圍
實現背景透明,文字不透明
使用方法
rgba(r,g,b,a)
opacity: value|inherit;
rgba只會改變自身透明度,而opacity除了改變自身透明度外,其所有後代還會繼承其透明度,若後代需要改變其透明度,值要小於等於其父元素的值。
rgba(r,g,b,a)
- r為紅色值, 正整數 | 百分數
- g為綠色值,正整數 | 百分數
- b為藍色值,正整數 | 百分數
- a為alpha(透明度),值為0 ~ 1之間的小數, 0.0 (完全透明)到 1.0(完全不透明)
- 上面的正整數為十進位制0 ~ 255之間的任意值,百分數為0% ~ 100%之間的任意值
opacity: value|inherit
- value:規定不透明度。從 0.0 (完全透明)到 1.0(完全不透明)。
- inherit: 應該從父元素繼承 opacity 屬性的值。
rgba 和opacity的使用
rgba 表示 紅 綠 藍 alpha w3c指在原有的rgb顏色模型之後增加了 alpha 引數,可以讓制定的顏色透明化 rgb 上擴充套件的,其只可以設定顏色,而不能使設定的顏色透明化 例子 rgba 55,146,179,5 rgb值為 55,146,179 5使設定的rgb值為50 透明,1...
rgba 和opacity的使用
rgba 表示 紅 綠 藍 alpha w3c指在原有的rgb顏色模型之後增加了 alpha 引數,可以讓制定的顏色透明化 rgb 上擴充套件的,其只可以設定顏色,而不能使設定的顏色透明化 例子 rgba 55,146,179,5 rgb值為 55,146,179 5使設定的rgb值為50 透明,1...
rgba 和opacity的使用
rgba 表示 紅 綠 藍 alpha w3c指在原有的rgb顏色模型之後增加了 alpha 引數,可以讓制定的顏色透明化 rgb 上擴充套件的,其只可以設定顏色,而不能使設定的顏色透明化 例子 rgba 55,146,179,5 rgb值為 55,146,179 5使設定的rgb值為50 透明,1...