CSS規(guī)定了三種設(shè)置顏色的方式:顏色名稱、十六進(jìn)制數(shù)值和RGB數(shù)值。這些顏色默認(rèn)是不透明的,但是我們可以通過(guò)設(shè)置背景透明度來(lái)制作出透明背景。
/* 設(shè)置透明度為0.5 */ background-color: rgba(255, 255, 255, 0.5);
上面的代碼中,我們給出了一個(gè)白色背景的RGB數(shù)值,然后通過(guò)設(shè)置最后一個(gè)參數(shù)0.5來(lái)調(diào)整透明度。這里的0.5表示50%的透明度。
我們還可以使用opacity屬性來(lái)設(shè)置元素的透明度。
/* 設(shè)置透明度為0.5 */ opacity: 0.5;
使用opacity屬性時(shí),取值范圍是0到1,其中0表示完全透明,1表示完全不透明。
總體來(lái)說(shuō),如果我們只需要設(shè)置背景透明度,可以使用rgba函數(shù)。如果需要元素整體透明,可以使用opacity屬性。