解決ie6中png圖片格式不相容問題
阿新 • • 發佈：2018-11-11
在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>
特此宣告：如需轉載請註明出處，如有疑問請及時提出以便於改正，如有侵權，聯絡刪除，謝謝