当先锋百科网

首页 1 2 3 4 5 6 7

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