visual filters 滤镜 ie

滤镜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在渐隐和渐现的时候会有难看的黑边。
 
http://www.zhangxinxu.com/wordpress/2009/08/ie6%E4%B8%8Bpng%E8%83%8C%E6%99%AF%E4%B8%8D%E9%80%8F%E6%98%8E%E9%97%AE%E9%A2%98%E7%9A%84%E7%BB%BC%E5%90%88%E6%8B%93%E5%B1%95/

posted on 2016-01-28 15:27  迷茫小飞侠  阅读(235)  评论(0编辑  收藏  举报

导航