您在這裡

gif、png圖形的透明背景問題

AACC88's 的頭像
AACC88 在 2008-10-25 (週六) 23:52 發表

gif、png圖形的透明背景,在firefox中是透明的,在IE中背景成了淺灰色,不知問題在哪兒?

gif 的透明應該不會有問題才對
IE 6 是對 png 的支援度不完整
一般的 png 檔案還正常
設定成背景圖也 ok
但是當 png 檔案內有透明度設定的時候
設定成背景圖以後
透明的部分會被至換成淺灰色

所以通常遇到有透明 png 的部分
我都會請美工再多給一張 gif 的版本
用來在 IE6 以下的環境使用

利用 css 的屬性可以指定把淺灰色置換成別的顏色
但是如果兩張圖片疊在一起的時候
因為前面那張的透明部分被置換成別的顏色
下面那張背景圖就看不到了
所以沒辦法做到百分之百的修正

至於安裝額外的東西來顯示透明圖片
如果說的是在 server 端使用的修正方式是有的
不過原理其實就是應用上述的 css 修正法
直接針對所有 img 的標籤做套用
但是遇到背景這種 css 選擇器抓不到的就沒辦法了

瀏覽器端的話
我是沒有聽過
如果有的話其實也不建議
除非微軟自行修正這個問題
不然不太可能要求每個來看網站的使用者都去裝外掛來顯示透明背景 png

除非要放棄 IE6 以下版本的瀏覽器
不然有透明度的 png 能不用就盡量不要用吧
只會給自己找麻煩