標籤：style 檔案 log css span blog 解決 doctype lob
在IE6中對圖片格式png24支援度不高，如果使用的圖片格式是png24，則會導致透明效果無法正常顯示
解決方案：
1.可以使用png8來代替png24，即可解決問題，但是使用png8代替png24以後，圖片的清晰圖會有所下降；
2.使用JavaScript來解決該問題，需要向頁面中引入一個外部的JavaScript檔案,然後在寫一下簡單的JS代碼，來處理該問題。
DD_belatedPNG_0.0.8a.js : http://www.dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a.js
DD_belatedPNG_0.0.8a-min.js：http://www.dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js
用上面這兩個來處理png透明效果無法正常顯示問題
使用：
<!DOCTYPE html><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>
效果：
github地址：https://github.com/soyoungboy/htmlCssStudy/blob/master/HelloHBuilder/BelatedPNG.html
前端學習 -- Html&Css -- ie6 png 背景問題
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
