IE6中支援PNG半透明圖檔完美解決方法-divcss5親測
支援png透明圖檔解決方法圖下文。
1、須要DD_belatedPNG.js和DD_belatedPNG_0.0.8a.js檔案,以下我們會提供打包下載下傳
2、須要在須要支援png圖檔html頁面引入這2個JS檔案(2個js檔案我們放入到js目錄裡為例)
由于是針對IE6的,其他更高版本号浏覽器不須要使用此特效,是以我們使用注解式if條件讓IE6讀取JS檔案,代碼例如以下:
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript" ></script>
<script type="text/javascript">
DD_belatedPNG.fix(' ');
</script>
<![endif]-->
我們引入了JS,同一時候我們添加代碼:
</script>
1、我們在css背景屬性使用png透明圖檔解決
假如我們對".divcss5{...}"裡使用png圖檔,這個時候我們隻需“DD_belatedPNG.fix(' ');”内的括号内做下類聲明就可以解決,相應代碼:
DD_belatedPNG.fix('.divcss5 ');
2、我們在html使用img标簽使用png透明圖檔解決
假如我們在.divcss5盒子裡使用的img引入png圖檔解決代碼:
DD_belatedPNG.fix('.divcss5 img');
綜合以上2點,兩種情況都遇到時候,代碼:
DD_belatedPNG.fix('.divcss5 img,.divcss5');
JS及說明檔案打包下載下傳:
<a href="http://d.divcss5.com/divcss5/down/2013020501.zip" target="_blank">馬上下載下傳 (6.889KB)</a>
解決IE6支援png圖檔方法:
1、須要JS檔案
2、須要HTML裡使用if條件注解針對IE6讀取引入JS檔案
3、增加須要聲明的png使用的CSS類名稱:
DD_belatedPNG.fix
(' 這裡增加須要聲明的css命名,多處能夠使用英文小寫逗号隔開');