IE6.0下PNG透明最简洁解决方案
发布人:一全科技 来源:CHINAZ用户投稿 发布于:2010-12-07 22:59:29 浏览:1093

        因为本身会一些网页制作技术,所以很久前就听说过半透明的PNG文件在IE6下会有显示的问题,但由于一直没有自己的网站,也从来没有真正遇到过。

        今年初开始做自己的网站。用了张带有透明部分的png图片做了网站LOGO,心想都什么年代了,不用考虑IE6了。某天下班回来打开Google Analytics后台,才发现IE6的访问量居然占去了总量的40%,吓了一跳,赶紧从网上下了绿色版的IE6测试自己的网站,果不其然,LOGO完全不透明。

        于是连夜上网搜索解决方案,总体来说网上的办法普遍都比较复杂,包括css滤镜,js,gif替换等。但总觉得不够漂亮,终于经过一个晚上的查找,找到了一种只需要2句js代码便能顺利解决的方法。接下来和大家分享

        首先,从我的网站下载iepng.js

        http://www.***.com/templates/default/js/iepng.js

        如果你的网站中使用半透明png作为背景的元素id为logo,则在<head></head>之间加入:

<!-- for ie6 png fix -->
<script type="text/javascript" src="templates/js/iepng.js"></script>
<script type=text/javascript> EvPNG.fix('#logo');</script>

        好啦!就这么简单,完美解决,截图看看前后效果比较:

        最后再解释一下,如果你用透明png作为背景的div id为foo,那么就应该写为:

EvPNG.fix('#foo');

        如果你用透明png作为背景的div class为bar,那么就应该写为:

EvPNG.fix('.bar");

        和CSS的语法是一样的,OK,希望能和大家继续交流建站技巧。

        本文由甜妞网(www.hers99.com)站长旺仔原创,转载请注明出处