天天看點

IE6 png圖檔實作半透明的方法

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類名稱:

繼續閱讀