修正 IE 5.5 / 6 不支援 PNG圖片透明背景的問題
因為 GIF格式的圖檔的顏色數量只有 8bit(256色)而已，所以對於顏色的表現或灰階的表現都比較差，所以在處理「漸層」的時候，改用 PNG 來處理漸層就會很漂亮。修正的方法有
1 \. E/ ?1 Q) Q5 U1 |+ r( p& e3 R* ~- A, c; C
1. 盡量避免用 PNG 透明背景/ E. @! L8 Q, }" }. ~
# `3 C/ |$ d7 n" r
2. 透過 AlphaImageLoader 篩選器(filter)修正 IE 5.5 / 6 無法正常顯示 PNG 透明背景的問題。
$ J+ D" e: P2 g0 X 用 PNG 檔案在 Internet Explorer 中不會顯示透明度，但頁面多、圖片多的時候非常累人。
# x1 T9 ]1 t u) ~* W- c6 I1 r9 ^) G. Y, [, s- Y
3. 比較 Smart的方法! |6 i' ~) H& [1 w
- r" t( j" v( }
a. Universal transparent-PNG enabler for MSIE/Win 5.5+
, w( r0 @. M" o% B; m, s/ p9 c4 P 最常用這個，僅使用 50 行不到的 JavaScript 就可以動態修正 PNG 的問題。但無法解決某些使用 PNG 透明圖檔的情況。
' Q+ b) e: I$ `$ n* M+ w5 d2 j1 S$ p5 W! u: `/ s7 S9 H& \: ?9 f* A% ~0 [1 _
b. IE PNG Fix v1.0 / 2.0 Alpha 2$ i9 w- o$ w S2 Y6 m
這套我有時候會用，但有時候遇到一些較複雜的版面反而會失效，尤其是將 PNG 透明背景圖片用在 CSS 的背景圖屬性(background-image)的時候，但是最近 IE PNG Fix 推出了 2.0 Alpha 2 專門就是用來修正原本 1.0 無法修正的部分，我覺得這點做的很棒。
7 Y; @$ U) h0 z/ O' ^ @4 B0 \/ |& {6 s. M) h9 N2 h
c. ie7-js7 X% a' K B8 A* m/ e! f6 Z: t$ ]
功能強大的 ie7-js 提供一組 JavaScript 程式，主要的目的就是希望讓所有 IE 瀏覽器的版本，在顯示(Render)網頁的時候能夠跟在 IE 7 顯示的時候完全一樣。因為 IE 在不同的版本對 HTML 的解譯，以及對 CSS 的解譯上都會有些細微的差異，例如說不同的 HTML 元素(Element)預設的 margin / padding 不一樣的情況。當然，也包括支援 IE 5.5 / 6 不支援 PNG 透明背景的問題。
6 p2 R$ k" t9 `% w- A+ Q; o: W8 K. U9 ^ |- H
轉貼自這 |
發表於 2008-7-22 10:11
|