設定元素透明,opacity與rgba的區別

2021-07-14 08:32:22 字數 461 閱讀 1161

opacity會繼承父元素的 opacity 屬性,而rgba設定的元素的後代元素不會繼承不透明屬性

background: rgba(255,255,255,0.8);

filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#19ffffff,endcolorstr=#19ffffff)(相容ie8)

這個顏色「#19ffffff」是由兩部分組成的。

第一部是#號後面的19 。是rgba透明度0.1的iefilter值。從0.1到0.9每個數字對應乙個iefilter值

css父元素透明度(opacity)對子元素的影響

首先子元素會繼承父元素的透明度 設定父元素opacity 0.5,子元素不設定opacity,子元素會受到父元素opacity的影響,也會有0.5的透明度。其次子元素的透明度是基於父元素的透明度計算的 設定父元素opacity 0.5,即使設定子元素opacity 1,子元素的opacity 1也是...

詳解CSS3的opacity屬性設定透明效果的用法

css3 opacity 屬性的功能是用來控制網頁元素的透明效果 調整不透明度 早期網頁設計常常會用到許多的透明效果,通常都是透過 png 圖層來製作透明的感覺,現在網頁設計師可以使用 css3 opacity 屬性來輕鬆的達到網頁元素不透明度的調整,css3 opacity 屬性的語法非常簡單,只...

css 設定元素背景為透明

要設定某一元素的背景為透明,在 chrome firefox opera 下是這樣的 background color rgba 0,0,0,0.4 rgba 中的最後乙個引數 0.4 就是想要的透明度,範圍在0 1之間。在 ie 中一般是這樣的 background color rgb 0,0,0...