滤镜ie9开始就废弃了,用来对ie4-8实现一些多媒体动画之类的效果。可以添加到标准的HTML控件上,例如text,图片
包含:
1、界面滤镜 (Procedural Surfaces)
2、静态滤镜 (Static Filters)
3、过渡滤镜 (Transitions)
4、滤镜属性 (Attributes/Properties)
5、滤镜方法
AlphaImageLoader,对PNG透明图片进行处理:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true' , sizingMethod='' , src='mini.jpg')
Gradient,渐变滤镜
filter:progid:DXImageTransform.Microsoft.Gradient(enabled='ture',GradientType='1',StartColorStr='#00000000',EndColorStr='#FFFF3300')
Alpha,调整对象内容的不透明度
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=0, FinishX=100, StartY=0, FinishY=100)
BasicImage,调整对象的内容的颜色处理、图像旋转或不透明度
filter:progid:DXImageTransform.Microsoft.BasicImage(Grayscale='x', Xray='x', Mirror='x', Invert='x', Opcity='x', Rotation='x')
Blur,设置对象的模糊值
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='x', MakeShadow='x', ShadowOpacity='x')
Chroma ,设置对象的色彩透明度
filter:progid:DXImageTransform.Microsoft.Chroma(Color='x')
DropShadow ,设置对象的投影效果
filter:progid:DXImageTransform.Microsoft.DropShadow(OffX='x', OffY='x', Color='x', Positive='x')
Shadow,设置对象阴影效果
filter:progid:DXImageTransform.Microsoft.Shadow(color='', Direction='', Strength='')
例如png黑色边框问题:
background-image:url(******.png)!important;
覆盖:
background-image:url(../images/space.gif); /*space.gif 是一个透明的图片文件*/
滤镜:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="******.png", enabled=true, sizingMethod=scale);
PNG的支持问题在于IE7及以上版本使用了filter来支持PNG的Alpha通道,所以对于PNG来说其实已经偷偷被应用了一个 filter了。虽然解决了主要的PNG透明问题,不过也伴随着另一个副作用,就是不能再应用其他filter。或者准确地说是应用其他filter会破 坏IE对PNG的支持。这就是为什么PNG在渐隐和渐现的时候会有难看的黑边。