CSS中我們常常會碰到不透明度的問題,不透明度是指元素的透明度程度,也就是元素的可見度。
通過CSS的opacity屬性可以設置不透明度,取值范圍是0到1。數值越小,元素越透明;數值越大,元素越不透明。
比如說,將一個div元素設置為不透明度為0.5,可以使用以下代碼:
div { opacity: 0.5; }除了opacity屬性,我們還可以使用rgba顏色值來設置不透明度。RGBA是由紅、綠、藍三原色的RGB色彩空間中的顏色,加上了一個alpha通道(α表示透明度),表示透明度。其中alpha通道的取值范圍同樣是0到1,數值越小,元素越透明。 比如說,將一個文字設置為不透明度為0.7,可以使用以下代碼:
p { color: rgba(0, 0, 0, 0.7); }不透明度設置在應用中經常用到,能夠讓界面更加清晰易懂,具有很重要的實用價值。
下一篇css不能及時更新