由于游戲類官網(wǎng)在頁面背景和裝飾人物的設(shè)計上追求畫麗且與游戲風(fēng)格想匹配，這就給前端頁面制作人員帶來了很多的麻煩，一個頁面的制作主要時間和精力花費(fèi)在兼容ie6上，而

dd_belatedpng.js法

引入js文件

然后對需要進(jìn)行ie6下透明的元素進(jìn)行class標(biāo)注。

特點(diǎn)是在很大程度上能解決png-24的透明問題，但是也有幾個問題比較明顯。

1. 需要引入js文件。

2. 他會動態(tài)在png-24圖像上包裹一層css為position:relative;的元素，使原有的position:absolute;的元素消失不見或出現(xiàn)其它意想不到的bug。

解決辦法：在png-24的圖像上再添加一層position:relative;的dom元素，或者不使用絕對定位或使用其它辦法。

ie濾鏡法

js辦法失效后，可以用這種辦法使圖片透明。

當(dāng)然這種辦法的缺點(diǎn):

1. 濾鏡的性能問題一直是ie瀏覽器的一個瓶頸。
2. background-position 無法實(shí)現(xiàn)。

圖片替換法

在不要求圖片背景滾動的情況下，可以在高級瀏覽器里邊使用png-24的圖片，然后用截圖工具抓取需要透明的區(qū)域，然后直接使用截圖后的圖片。

這種方法的優(yōu)點(diǎn)是沒有兼容性問題，而且在保證圖片大小的情況下能正常顯示，缺點(diǎn)就是操作比較復(fù)雜，而且截圖也會使圖片的顏色信息造成部分遺失。

瀏覽器區(qū)分法

還有一種辦法是用js判斷是ie6瀏覽后，添加不同的圖片。根據(jù)瀏覽器的不同來使用不同的圖片。

這個辦法使用于，用戶市場比較成熟的產(chǎn)品或界面，不考慮低端ie6瀏覽器使用者，但也保證在瀏覽器下能正常顯示，只是圖片的質(zhì)量稍為差點(diǎn)罷了。