CSS背景透明度的設(shè)置
CSS中的背景透明度可以通過設(shè)置透明度屬性實(shí)現(xiàn)。
background-color: rgba(255, 255, 255, 0.5);
其中,rgba是CSS3中的新特性,它允許通過設(shè)置紅、綠、藍(lán)和透明度四個參數(shù)來控制顏色,其中透明度的值為0到1之間的實(shí)數(shù)值,0代表完全透明,1代表完全不透明。
如果要使一個背景完全透明,可以直接將透明度設(shè)置為0:
background-color: rgba(255, 255, 255, 0);
如果要使一個背景完全不透明,可以直接將透明度設(shè)置為1:
background-color: rgba(255, 255, 255, 1);
除此之外,CSS中還有一個opacity屬性,該屬性可以控制元素本身透明度,它的取值范圍和rgba的透明度一樣,但是它不僅僅是控制背景透明度,而是控制整個元素透明度。
opacity: 0.5;
需要注意的是,使用opacity屬性會影響元素內(nèi)部所有內(nèi)容的透明度,包括文字和圖片等。