2006.12.09


一般架設網站會對一些測試做的比較嚴謹,其中測試圖片的顯示也是重要的一環!

這幾天依序為這個網誌作了一些小功能的增加,突然發現在 IE 的環境瀏覽下‥‥
PNG 影像背景透明的顯示似乎在 IE 5.x and 6 上出了小小的問題(有礙觀瞻‥‥)

簡單說就是具有背景透明的 PNG 圖檔在 IE 瀏覽的情況下會出現圖片無法背景透明的情形!

於是就在 The PNG problem in Windows Internet Explorer 這個網站找到了解決方法!!

其實 PNG 這個圖形格式去背的定義早在 n 年前就已經通過 W3C 的認可規範~
但殊不知偉大的 MicroSoft 的 Internet Explorer 5.x 6 都不遵循 W3C 的規範‥‥
導致有些具有去背的 PNG 無法在 IE 瀏覽下呈現應有的效果!但是IE 7 卻可以瀏覽~

好家在有了該網站所提供的 JavaScript 才能得以讓 IE 正確的瀏覽具有透明背景的 PNG 圖檔~
同時也暫時解決了我的心頭之患‥‥

其實個人強烈建議有使用到 PNG 圖檔的網站朋友們加入這個 JavaScript
加入的方法很簡單, 將 pngfix.js 下載後放至於您的個人網站目錄‥‥

在將以下的文字貼到 </head> 之前‥‥
<!–[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]–>

貼上之後之後網頁中有出現 <img src="xxxxx.png"> 的圖形背景透明就全部自動搞定了!!
但是仍需注意的是,若於 IE 下仍沒有 PNG 圖檔去背,請先試試指定PNG圖片的長與寬吧~

另外,這個網誌同時也加上了回應時可使用表情符號,回應不在只有文字囉‥‥
歡迎大家多多留言唷!!


相關文章︰
  • 結婚!!!
  • 相簿遷移
  • IE 6.0 的朋友請注意啦!!
  • 尋找網誌第100萬人次的你!
  • blog 下雪了

  • Mike - 01:15 發表於 網路日記,軟體分享 | 4,501 次閱讀 | 留言回應 (9)  Tags: ,

    9 則迴響 »

    1. :biggrin:
      好專業的樣子
      建議回應的部分可以弄成可以接受貼圖語法的
      然後再弄一個回應的預覽

      Nash — 2006/12/09 1:35

    2. 喲…移過來了:w00t:
      速度真的差分多粉多
      還能保留原有的式樣
      您真利害

      268 — 2006/12/09 12:50

    3. Nash:
      雖然是很好的建議
      不過那樣弄好辛苦 o rz:

      268:
      謝謝 :blush:

      Mike — 2006/12/09 20:38

    4. [...] 又過了幾天 很巧的在ptt blog版發現相關的文

      Let’s Love,Sugar.ღ | 另一個很機車 — 2006/12/12 1:00

    5. 我想問這是否用在 XML 的呢?
      就眼看就是被注解了 = =
      我又試過用不到-.-
      不知怎樣做…

      bananasims — 2007/01/26 22:58

    6. bananasims:
      XML我沒去研究能不能用耶
      不如你把註解拿掉試看看

      Mike — 2007/01/28 12:05

    7. Png的支援方式,感謝分享!!

      ironman — 2007/06/30 14:48

    8. 最近作了一張圖 gif 邊緣不好看
      改存 PNG 用 IE7 看,很滿意
      但是到別的電腦 IE6 卻破相了
      找資料看到你一年多前就破解了,真是用心

      阿山 — 2008/03/07 16:33

    9. 您好:
      我用了您的方法有成功了
      不過如果png圖的高比較小的話會被拉高而變形
      不曉得您有沒有什麼好方法可以解決
      另外png設成表格的背景圖是不是也沒辦法改成功呢

      謝謝~
      :pinch:

      artway — 2008/10/27 20:53

    留下回應

    (必)

    (不公開)

    XHTML


    mrgreen neutral arrow idea ? ! -) roll twisted evil cry oops razz mad lol cool ??? shock eek sad smile grin

    1865