如何讓 IE6 支援透明的 PNG 圖檔

blue955 — Sun, 18 May 2008 02:31:18 +0000

PNG 真的是一種不錯的圖檔格式，可支援 32 bit 色彩，GIF 只到 256 色，色彩上更細緻，而且不會像 JPEG 會有壓縮性的破壞，並可以儲存成透明格式，檔案也不會大的離譜，這些都是 JPEG 望塵莫及的。

這麼好的圖片格式，在 IE 6 上卻不支援，網頁設計師們只能退而求其次，選擇色彩較少的 GIF 檔，而且 GIF 在轉成透明圖時，會有難看的毛邊出現，並不像 PNG 那般平順。

其實早在10年前 W3C 早就將 PNG 檔列為標準，但是過了10年後的今天，IE 6 還是不支援，真的搞不懂微軟腦子裡在想什麼，那為什麼不改用 IE7 呢？，我們在做網頁時必須多方考慮 USER 的瀏覽器，要確定能夠執行無誤，還要用多種瀏覽器測試，因為世界上不只有一種瀏覽器，況且 IE7 很佔資源，其實我到現在還是用 IE6

要讓 IE6 支援 PNG ，在 GOOGLE 上搜尋有很多種方式，大部分是加上 Javascript 在使用 CSS 將其呼叫出來，不過此種方法會被 IE 的安全管理員檔下來，如果 USER 不選擇載入的話，圖片也是無法透明。

有另一種方式可以躲過 IE6 的檢查（官方網站）：

1.先下載 pngfix.js

2.將 pngfix.js 放置在網頁的根目錄，之後在網頁的部分加上以下 CODE

PLAIN TEXT

HTML:

追風箏的小孩 » PNG

如何讓 IE6 支援透明的 PNG 圖檔