解决ie6下png格式的兼容

一、(前置的img图片)
这里需要一个插件DD_belatedPNG.js

然后在代码中加入

<!--[if IE 6]>
  <script type="text/javascript" src="js/DD_belatedPNG.js" ></script>
  <script type="text/javascript">
    DD_belatedPNG.fix('.prev,.next,.switch-nav a:hover');
  </script>
<![endif]-->

注意：1、要注意src的路径。2、DD_belatedPNG.fix('')引号中为放图片的标签，如果有多个，就按上述以逗号隔开写


二、(当图片做背景时)

#pics {
background:url(../images/W3CfunsLogo.png) no-repeat;
/*以下为IE6设置PNG透明代码*/
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/W3CfunsLogo.png"); 
}

提示：如果需要使其支持链接的hover，那么需要在CSS中定义：cursor:pointer;使其呈现手型，否则将为默认的鼠标状态。
优点：
1、绿色无插件；
2、效率高，速度快；
3、网速慢的时候，不会出现先灰底再透明的情况，支持远程图片；
4、支持Hover等伪类，但是得使用两张图片，网速慢的情况下，会导致第二张图片暂时无法显示，因为还没有完全载入；
缺点：
1、不支持平铺，虽然filter有sizingMethod="scale", 拉伸缩放模式，但是图片会变形，如果单纯的颜色或简单的渐变色还能横向平铺；
2、不支持Img标签；
3、不支持CSS Sprite；
使用情况：
1、当没有img引入png时可考虑；
2、当没有CSS Sprite需求时可考虑；
3、当没有平铺需求时候可考虑；


文章出自于[url]http://www.cnblogs.com/wanghun/archive/2012/03/29/2423024.html[/url]