用DD_belatedPNG 修复IE 6 下不支持png的问题(简单极了)

第一步：到http://dillerdesign.com/experiment/DD_belatedPNG/#download 下载DD_belatedPNG.js文件

第二步：在页面<head>中加入如下代码：

<!--[if IE 6]>
 <script src="DD_belatedPNG.js" type="text/javascript"></script>
 <script type="text/javascript"><!
 <!
 /* 示例 */
 DD_belatedPNG.fix('.png_bg');
 /* 将 .png_bg 是应用了透明PNG的CSS选择器,例如我例子中 的'.trans'*/
 // -->
 </script>
<![endif]-->

　　

第三步：完整示例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>ie6 下png 修复示例</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!--[if IE 6]>
        <script src="js/pngFix.js" type="text/javascript"></script>
        <script>
          /* 示例*/
          DD_belatedPNG.fix('.png');

        </script>
        <![endif]-->
    </head>
    <body>
        <div class="wrap">
                <img src="res/gold LOGO.png" class="png" title ="迅雷会员"/><span class="member">迅雷会员</span>
        </div>
    </body>
</html>

　　

posted @ 2011-07-26 10:33  keenhome  阅读(312)  评论(0)  编辑  收藏  举报