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

来源：cnblogs　　作者：bignewbie　　时间：2018/11/12 9:42:38　　对本文有异议

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

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

友情链接：直通硅谷　点职佳　北美留学生论坛

CSS热门文章

CSS实现文字两端对齐

【WEB基础】HTML & CSS 基础入门（6）超链接

Javascript 对象 - 数学对象

对移动端兼容适配的分析

Element FORM结合Vue实现横向排列表单项

如何让一个input输入框居中

CSS Grid 布局完全指南(图解 Grid 详细教程)

css常见的各种布局上（两列布局）

vue+element导入导出excel

WEB前端动态背景集

CSS推荐文章

CSS布局概念与技术教程

15 分钟带你感受 CSS :has() 选择器的强大 - xingba-coder

现代 CSS 解决方案：文字颜色自动适配背景色！

脚踏esbuild祥云，胸怀tsx利刃，身披scss羽衣，追寻前端的本质

深入解析css-笔记

CSS 还原拉斯维加斯球数字动画

震惊！CSS 也能实现碰撞检测？

前端开发如何更好的避免样式冲突？级联层(CSS@layer)

现代 CSS 解决方案：CSS 原生支持的三角函数

利用css var函数让你的组件样式输出规范样式API，可定制性更高；