IE6png圖片實現半透明的方法

IE6中支援PNG半透明圖片完美解決方法-divcss5親測

從IE7及IE7以上版本號都支援PNG半透明格式圖片，而只有IE6不支援png格式透明圖片，而GIF半透明效果不及png半透明格式圖片，由此我們迫不及待須要解決IE6相容png圖片方法，這裡www.divcss5.com為你介紹一種萬能支援Png透明圖片css hack 。

支援png透明圖片解決方法圖下文。

一、須要JS檔案支援 – TOP

1、須要DD_belatedPNG.js和DD_belatedPNG_0.0.8a.js檔案，以下我們會提供打包下載
2、須要在須要支援png圖片html頁面引入這2個JS檔案（2個js檔案我們放入到js目錄裡為例）
由於是針對IE6的，其他更高版本號瀏覽器不須要使用此特效，所以我們使用註解式if條件讓IE6讀取JS檔案，程式碼例如以下：

以上程式碼針對ie6 html凝視，ie6將讀取解析以上if條件凝視內程式碼。從而讓IE6引入須要的JS檔案及程式碼。以上程式碼放入html網頁裡

之間就可以。

二、須要在使用PNG圖片網頁宣告類 – TOP

我們引入了JS，同一時候我們新增程式碼：

1、我們在css背景屬性使用png透明圖片解決
假如我們對”.divcss5{…}”裡使用png圖片，這個時候我們只需“DD_belatedPNG.fix(` `);”內的括號內做下類宣告就可以解決，相應程式碼：

2、我們在html使用img標籤使用png透明圖片解決
假如我們在.divcss5盒子裡使用的img引入png圖片解決程式碼：

綜合以上2點，兩種情況都遇到時候，程式碼：

也就是在相應宣告地方使用英文小寫逗號分開就可以，以此類推假設遇到一個html網頁中多處使用png不管是CSS背景還是html img標籤，我們都能夠使用逗號放開組合宣告。

三、png透明解決原始檔下載 – TOP

JS及說明檔案打包下載：

馬上下載 （6.889KB）

四：IE6支援PNG透明總結 – TOP

解決IE6支援png圖片方法：
1、須要JS檔案
2、須要HTML裡使用if條件註解針對IE6讀取引入JS檔案
3、增加須要宣告的png使用的CSS類名稱：

本文轉自部落格園知識天地的部落格，原文連結：IE6 png圖片實現半透明的方法，如需轉載請自行聯絡原博主。