CSS透明度可以通過RGBA或者RGB來實現。其中RGBA是指Red(紅)、Green(綠)、Blue(藍)、Alpha(透明度)四種顏色的混合。RGB是不含透明度的,僅由紅、綠、藍三種色混合組成的。
p { background-color: rgba(255, 255, 255, 0.8); }
在上面的代碼中,我們設置了一個背景色,顏色的R、G、B分別為255。而第四個數值0.8表示這個顏色的透明度為80%。
p { background-color: rgb(255, 255, 255); opacity: 0.8; }
而如果我們使用RGB來設置顏色,再利用opacity屬性設置透明度,可以得到相同的效果。
需要注意的是,opacity不僅會影響元素的背景色,還會影響元素的字體顏色。而RGBA只會影響元素的背景色。
所以,當我們只需要改變元素的背景色透明度時,建議使用RGBA;而當我們需要同時改變元素的背景色、字體顏色透明度時,建議使用opacity。
上一篇tp設施css中圖片路徑
下一篇utf 8編碼 css