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

时间:2019-10-25
本文章向大家介绍html--图片背景兼容,兼容IE6,主要包括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,操作更方便哦

原文地址:https://www.cnblogs.com/hack-ing/p/11738684.html