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,操作更方便哦

猜你喜欢

转载自www.cnblogs.com/hack-ing/p/11738684.html
今日推荐