欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

解决ie6中png图片格式不兼容问题

程序员文章站 2022-06-27 14:30:15
在IE6中对图片格式png24支持度不高,如果使用的图片格式是png24,则会导致透明效果无法正常显示 解决方法: 1.可以使用png8来代替png24,即可解决问题,但是使用png8代替png24以后,图片的清晰图会有所下降 2.使用JavaScript来解决该问题,需要向页面中引入一个外部的Ja ......

在ie6中对图片格式png24支持度不高,如果使用的图片格式是png24,则会导致透明效果无法正常显示

解决方法:

  1.可以使用png8来代替png24,即可解决问题,但是使用png8代替png24以后,图片的清晰图会有所下降

  2.使用javascript来解决该问题,需要向页面中引入一个外部的javascript文件,然后在写一下简单的js代码,来处理该问题

    js代码地址:https://pan.baidu.com/s/1zwhv9vt0rjlvc1ytjalwtw

 

 

例子:

<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;">

        <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>

 

 

 

 

 

特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢