-
2007-06-12
让IE支持PNG格式的JS库 - [网络转载]
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
介绍
http://qyqx.blogbus.com/logs/5790434.html
http://www.schillmania.com/content/projects/png/
Demo
http://www.schillmania.com/projects/png/
原理
1.为PNG格式的图片建立一个完全相同的gif格式，在编码里面使用gif图片
2.利用IE支持DXImageTransform.Microsoft.AlphaImageLoader滤镜来使用PNG格式转换gif为png图片，并将png图片作为背景显示，首先检测浏览器，接下来判断class为png的元素，完成替换
使用
1.在<head>调用png.js<script type="text/javascript" src="png.js"></script>下载地址：http://www.schillmania.com/projects/png/png-demo.zip
2.用类png标记需要使用png格式的地方
首先建立两张同样的图片格式为别为png和gif，一是类库需要，二是防止IE被禁后破坏视觉效果
前景图片<img src="your-image.gif" class="png" style="width:XXXpx;height:YYYpx" />背景图片<div class="png" style="width:xxxpx;height:xxxpx;background-image:url(your-image.gif);background-repeat:no-repeat">3.在</body>之前加入
</div><script type="text/javascript">
pngHandler.init();
</script>
总结
这样做png图片使用起来就方便多了，不用重复的去使用IE滤镜，比起手动使用IE滤镜同时加载的图片数量加倍，增加并发连接数
其他方法
Fun with Transparent PNG Images
http://www.photoshoplab.com/fun-with-transparent-png-images.html历史上的今天：
网站推广方法总结 2007-06-12东拉西扯：Digg假象 2007-06-12让电脑停止提示虚拟内存过小 2007-06-12刘德华演赵子龙苦不堪言 后悔没能出演曹操 2007-06-12Google与新浪成功合作，反击唱衰谷歌。 2007-06-12随机文章：
4000元的单身汽车 2007-06-19Palm发布移动新产品Palm Foleo 2007-06-13让电脑停止提示虚拟内存过小 2007-06-12刘德华演赵子龙苦不堪言 后悔没能出演曹操 2007-06-12Google与新浪成功合作，反击唱衰谷歌。 2007-06-12
收藏到：Del.icio.us
