CSS中使用透明色可以為網頁增添一些特殊的美感,讓用戶有更好的閱讀體驗。
/*透明度的設置*/ opacity: 0.5; /*普遍支持*/ filter: alpha(opacity=50); /*IE8及以下*/ /*RGBA顏色值*/ background-color: rgba(0, 0, 255, 0.5); /*藍色透明度50%*/ color: rgba(255, 255, 255, 0.8); /*白色透明度80%*/
透明度的設置可以使用opacity屬性,其取值為0~1,0為完全透明,1為完全不透明。但是,該屬性并不支持IE8及以下版本。在IE8及以下版本中,可以使用filter屬性來設置透明度,其取值為alpha(opacity=50),50為透明度的百分比。
除了opacity和filter屬性之外,還可以使用RGBA顏色值來設置透明度。其中,RGB指的是紅、綠、藍三個顏色通道,A指的是alpha通道,其取值為0~1,0為完全透明,1為完全不透明。例如,background-color: rgba(0, 0, 255, 0.5);表示藍色的透明度為50%。
另外,還可以設置文字顏色的透明度。例如,color: rgba(255, 255, 255, 0.8);表示白色文字的透明度為80%。