html--图片背景兼容，兼容IE6

在IE6中对图片格式png24支持度不高，
如果使用的图片格式是png24，则会导致透明效果无法正常显示
解决方法：
1.可以使用png8来代替png24，即可解决问题，
但是使用png8代替png24以后，图片的清晰图会有所下降

2.使用JavaScript来解决该问题，需要向页面中引入一个外部的JavaScript文件

    <body style="background-color: #bfa;">
        <!-- 
            在IE6中对图片格式png24支持度不高，
                如果使用的图片格式是png24，则会导致透明效果无法正常显示
            解决方法：
                1.可以使用png8来代替png24，即可解决问题，
                    但是使用png8代替png24以后，图片的清晰图会有所下降
                    
                2.使用JavaScript来解决该问题，需要向页面中引入一个外部的JavaScript文件
                    然后在写一下简单的JS代码，来处理该问题
                    
        -->
        <div class="box1"></div>
        <div class="box2"></div>
        <img src="img/3.png"/>
        
        <!-- 在body标签的最后引入外部的JS文件 -->
        <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
        <!--再创建一个新的script标签，并且编写一些js代码 -->
        <script type="text/javascript">
            DD_belatedPNG.fix("*");
        </script>
    </body>

js文件连接地址

链接：https://pan.baidu.com/s/1-v3UxziboQ2dhhR1A6W8SA
提取码：o7fj
复制这段内容后打开百度网盘手机App，操作更方便哦

posted @ 2019-10-25 16:23  distant-遥远  阅读(265)  评论(0)    收藏  举报