让IE支持PNG格式的JS库

日期：2013-12-16 来源：攀枝花惠康网络公司

布景图片

12 <div class="png" style="width:xxxpx;height:xxxpx;background-image:url(your-image.gif);background-repeat:no-repeat"></div>

介绍

下载地址：http://www.schillmania.com/projects/png/png-demo.zip
http://www.schillmania.com/content/projects/png/
Demo

事理
1.为PNG名目的图片成立一个完全不异的gif名目，在编码琅缦沔使用gif图片

3.在</body>之前插手

123 <script type="text/javascript"> pngHandler.init(); </script>
2.操作IE撑持DXImageTransform.Microsoft.AlphaImageLoader滤镜来使用PNG名目转换gif为png图片，并将png图片作为布景显示，首先检测浏览器，接下来判定class为png的元素，完成替代

使用
1.在<head>挪用png.js

1 <script type="text/javascript" src="png.js"></script>
2.用类png标识表记标帜需要使用png名目的处所
首先成立两张同样的图片名目为别为png和gif，一是类库需要，二是防止IE被禁后破损视觉效不美观
前景图片

1 <img src="your-image.gif" class="png" style="width:XXXpx;height:YYYpx" />
http://www.schillmania.com/projects/png/

总结
这样做png图片使用起来就便利多了，不用一再的去使用IE滤镜，比起手动使用IE滤镜同时加载的图片数目加倍，增添并发毗连数

文章来源：攀枝花惠康网络公司

惠康网络，是一家专业从事攀枝花网站建设，攀枝花网站制作，攀枝花网站设计公司，提供网站建设一条龙服务（网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广），惠康网络立足攀枝花，辐射全中国，攀枝花惠康网络的客户已经遍布国内各地大中小城市，我们高效优质的网站建设服务深受用户好评。