透明度是 CSS 中一個非常有用的特性,它能使你控制元素的透明度,讓它們變得半透明甚至完全透明。其中,透明度為 0 表示完全透明,透明度為 1 表示完全不透明。
/* 完全透明 */ opacity:0; /* 半透明 */ opacity:0.5; /* 完全不透明 */ opacity:1;
而透明度為 100% 是一個有趣的例子,雖然它和透明度為 1 效果相同,但是它的使用方式更加具有語義化。
透明度為 100% 的代碼如下:
opacity: 1;
在實際使用過程中,透明度為 100% 可以更好地表達出你的意圖,讓代碼更有可讀性,特別是在組合使用其他屬性時,更是如此。
例如:
background-color: rgba(255, 255, 255, 0.5); /* 這里的透明度 0.5 表示50%的不透明度 */
總之,透明度 100% 寓意著完全不要透明,它可以幫你構建更好的語義化樣式。
上一篇css中去掉href