解决ie6中png图片格式不兼容问题
解决ie6中png图片格式不兼容问题
在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>
特此声明：如需转载请注明出处，如有疑问请及时提出以便于改正，如有侵权，联系删除，谢谢
版权声明：本文为CGWTQ原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。