換佈景... 物件導向無痛入門(1)
五月 18

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

架站．瀏覽：[ 5,122user+3,509機器人 ]給個回應

        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 放置在網頁的根目錄，之後在網頁的 <head> 部分加上以下 CODE

PLAIN TEXT
HTML:
  1. <!--[if lt IE 7.]>
  2. <script defer type="text/javascript" src="pngfix.js"></script>
  3. <![endif]-->

3.如此一來就大功告成了

標籤：



文章發表日期：2008-05-18
本篇文章引用網址：

其他隨機文章：
  • [客戶管理程式開發] 雛形
  • 聯播
  • [教學] Photoshop VISTA風格按鈕
  • 簡易防火牆建置 ─ iptables
  • 在 VS2005 工具列中增加 AJAX 擴充功能
    		•


    3 個回應在 “如何讓 IE6 支援透明的 PNG 圖檔”

    1. Nowill 說道:
      八月 22nd, 2008 at 2:18 下午

      這一招會讓png的小icon圖式產生變形...

      [回應]

    2. gary 說道:
      八月 27th, 2008 at 5:15 下午

      still not work, friend!

      [回應]

    3. 用Tag寫人生 - Tag Life » 從拼了到被IE6扼殺最後妥協... .htc JS png 透明色 背景 底圖？爛IE 說道:
      十一月 26th, 2008 at 10:56 下午

      [...] 　 二、JavaScript 類： 使用 <script src="xxx.js" type="text/javascript"></script> pngfix.js defer 官網：http://homepage.ntlworld.com/bobosola/index.htm 這網站裡面寫的很詳細東西又多還有些資訊但是都是英文XD！ 必須使用<script defer ... 速度很慢，非常吃資源， 最後png圖檔站內的會消失。 跟 whos.amung.us-map 會相衝。 按： 讓IE6 也能正常讀取png 圖檔| 艾德的部落格天空： http://edblog.net/archives/831 如何讓 IE6 支援透明的 PNG 圖檔-blue955： http://m955.com/wp/archives/117 [...]


    寫下回應