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%。