PNG透明图片可以很好的展示一些页面效果,可惜可恶的IE6不支持透明方法,用PNG的时候会显示灰色背景。而如果使用gif做背景图的话又有毛边的烦恼。
一般在处理的时候都是针对ie6做滤镜效果,其实滤镜本身也是不错的,不过如果是一些比较多或者比较复杂的情况,就显得不是那么完美了。
前几天公司的一个项目有用到很多个透明图片,后来从一个同学那里知道了一个用JS插件来解决这个问题的方法,那就是用 DD_belatedPNG.js 。官方网站:http://www.dillerdesign.com/experiment/DD_belatedPNG
使用起来非常简单
<!--[if IE 6]><script src="DD_belatedPNG.js"></script><script>DD_belatedPNG.fix('.png_bg');</script><![endif]-->
.png_bg就是你的选择器,可以针对img,backgournd。如果你是想处理所有PNG图片的话:DD_belatedPNG.fix('*');
效果非常不错。推荐一下