/* 语法 */ opacity: value; /* 取值范围 */ value 取值范围为 0~1 ,0代表完全透明,1代表完全不透明。
除了opacity属性外,大家还可以使用rgba和hsla来指定元素的透明度。rgb和hsl用于指定颜色,增加了一个a属性来指定其透明度。
/* 语法 */ background-color: rgba(red, green, blue, alpha); background-color: hsla(hue, saturation, lightness, alpha); /* 取值范围 */ red: 0~255,代表红色色调的强度 green: 0~255,代表绿色色调的强度 blue: 0~255,代表蓝色色调的强度 hue: 0~360,代表色相 saturation: 0~100%,代表饱和度 lightness: 0~100%,代表亮度 alpha: 0~1,代表透明度
在使用不透明度时,大家要注意一些问题。首先,不透明度会继承父级元素的不透明度。其次,在一个元素上同时使用opacity和rgba/hsla可能会产生不同的效果。最后,使用不透明度会使元素的子元素也变得不透明。
总之,不透明度是CSS3提供的一个非常实用的样式属性,它能够让大家更加灵活地控制元素的透明度,以实现更好的视觉效果。