IE 6 vs PNG
Friday, July 24th, 2009現在的網頁為求美觀, 又希望文字搜尋優化, 所以都以 HTML + PNG 將網頁做到最完美, PNG 的最大好處是可以由全透明漸變至實色的圖片, 很多透疊/細緻的視覺效果都可以以 HTML 況現, FF IE7/IE8 都沒有問題, 可以自由地運用的, 但可恐的 IE6 又是不支援了… …
但是有一個方法可以解決的,就是加入 iepngfix.htc 裡面一些類似加入一個全透明的 GIF 在所設定的標籤/圖片後面, 就可以解決 PNG 檔在 IE 6 中的透明位會變成淺藍色的問題( bug ), 先下載一個 iepngfix.htc 和 一個 全透明的 GIF 圖片
— CSS —
div#SiuManC, .forPng{_behavior: url(iepngfix.htc);} /*改CLASS / ID位*/
div#SiuManC{
background:url(images/bgImg.png);
}
— HTML —
<div id=”SiuManC“>
<img src=”img.png” class=”forPng” alt=”SiuManC Images” />
</div>
註:
要留意檔案 iepngfix.htc 中
if (typeof blankImg == ‘undefined’) var blankImg = ‘imge/spacer.gif‘;
的 spacer.gif 儲存的位置