/* 设置图片透明度 */ opacity: 0.5; /* 取值范围为0~1,0表示完全透明,1表示完全不透明 */ filter:alpha(opacity=50); /* IE8及以下版本支持的滤镜方法 */ /* 设置图片不透明度 */ opacity: 1; /* 默认为1,不透明 */ filter:alpha(opacity=100); /* IE8及以下版本支持的滤镜方法 */
通过以上代码,大家可以看到照片透明度属性的设置其实非常简单。其中,opacity属性是W3C标准所定义的属性,它的取值范围为0~1,0表示完全透明,1表示完全不透明。而filter属性是IE8及以下版本所支持的滤镜方法,它的取值范围为0~100,0表示完全透明,100表示完全不透明。
在实际运用中,大家可以通过CSS的照片透明度属性来实现图片的混合效果、渐进出现效果等各种效果,从而打造出更具有视觉冲击力的网页设计,给用户带来更好的使用体验。