在CSS中設置前景不透明度可以使用opacity屬性。該屬性的取值范圍是0到1之間,0表示完全透明,1表示完全不透明。
/* 設置前景不透明度為0.5 */ p { opacity: 0.5; }
opacity屬性可應用于所有瀏覽器,但是它會影響整個元素及其所有子元素的不透明度,包括文本和背景。如果你只想設置文本的不透明度,可以使用color屬性,在顏色值后加上RGBA值的第四個參數來設置不透明度。
/* 設置文本不透明度為0.5 */ p { color: rgba(0, 0, 0, 0.5); }
使用RGBA值來設置文本顏色的不透明度會在只影響文本而不影響背景的情況下實現文本不透明度。然而,仍需要注意兼容性問題,有些低版本的瀏覽器可能無法支持RGBA值。
下一篇css設置動態