<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            
            .box1{
                width: 200px;
                height: 200px;
                background-image: url(img/3.png);
                background-repeat: no-repeat;
            }
            .box2{
                width: 200px;
                height: 200px;
                background-image: url(img/4.png);
                background-repeat: no-repeat;
            }
            
        </style>
    </head>
    <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>
</html>
js文件
链接：https://pan.baidu.com/s/1aGzDqslXHilbnKBu-AQKSQ
提取码：1234
posted on 2021-07-03 15:43 leiyanting 阅读(75) 评论(0) 收藏举报
刷新页面返回顶部
导航
