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

妤锋シ发布于2019-04-23 13:12 / 2800人阅读

摘要：在中对图片格式支持度不高，如果使用的图片格式是，则会导致透明效果无法正常显示解决方法可以使用来代替，即可解决问题，但是使用代替以后，图片的清晰图会有所下降使用来解决该问题，需要向页面中引入一个外部的文件，然后在写一下简单的代码，来处理该问题

在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"/>
        
        
        <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js">script>
        
        <script type="text/javascript">
            DD_belatedPNG.fix("*");
        script>
    body>
html>

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

idc机房托管专线服务解决ie6不兼容 html图片兼容问题如何解决兼容问题?Win11仅支持1个I IE6兼容

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1563.html

前端面试宝典

摘要：优雅降级观点优雅降级观点认为应该针对那些最高级最完善的浏览器来设计网站。面试官希望听到是。在前端构建中应该考虑微格式吗微格式是一种让机器可读的语义化词汇的集合，是结构化数据的开放标准。一、HTML和CSS 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE: trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核...

ChanceWong 2019-08-29 12:31 评论0 收藏0
前端面试宝典

摘要：优雅降级观点优雅降级观点认为应该针对那些最高级最完善的浏览器来设计网站。面试官希望听到是。在前端构建中应该考虑微格式吗微格式是一种让机器可读的语义化词汇的集合，是结构化数据的开放标准。一、HTML和CSS 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE: trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核...

paulli3 2019-08-22 11:03 评论0 收藏0
前端面试宝典

摘要：优雅降级观点优雅降级观点认为应该针对那些最高级最完善的浏览器来设计网站。面试官希望听到是。在前端构建中应该考虑微格式吗微格式是一种让机器可读的语义化词汇的集合，是结构化数据的开放标准。一、HTML和CSS 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE: trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核...

ivan_qhz 2019-08-05 11:13 评论0 收藏0
前端面试宝典

摘要：优雅降级观点优雅降级观点认为应该针对那些最高级最完善的浏览器来设计网站。面试官希望听到是。在前端构建中应该考虑微格式吗微格式是一种让机器可读的语义化词汇的集合，是结构化数据的开放标准。一、HTML和CSS 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE: trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核...

ad6623 2019-08-01 16:46 评论0 收藏0
主流CSS image比较

摘要：如何来对这些图片做优化呢本文简单的梳理了一下目前几种比较常用的使用方式。下文未对性能问题做真实的测试，请保持一颗好奇的心，并告诉我们这是目前使用比较多的方式。也是我个人认为相对最优的一种解决方式。采用用来显示也不失为一种好办法。在还原设计图的时候，难免会碰到一些样式图片的引用。如何来对这些图片做优化呢？本文简单的梳理了一下目前几种比较常用的使用方式。注： 1. 有更好的方法的话，欢...

iflove 2019-08-28 17:58 评论0 收藏0