解決IE6的PNG透明JS插件使用介紹_javascript技巧

IE6的PNG透明是個老問題了，最近有朋友問我有沒有最好的解決這個問題的插件。雖然知道且在用DD_belatedPNG這個插件，今天就抽空把這個發上來。

雖然之前在部落格裡發過一款jquery的png插件，但是不支援背景平鋪。
DD_belatedPNG使用了微軟的VML語言對PNG圖片進行重新繪製，以達到半透明的效果，並且能支援background-position和background-repeat屬性，支援偽類。是一款不錯的值得推薦的插件，用法也比較簡單。

使用方法：

複製程式碼 程式碼如下:

<script> <BR>DD_belatedPNG.fix('.png_bg'); <BR></script>



引用函數是DD_belatedPNG.fix()，括號裡的.png_bg 改成你的css選擇器名稱。
ID選擇器範例：

複製程式碼 程式碼如下: DDP. '#png');

偽類範例：

複製程式碼 程式碼如下: DD_belatedPNG.fix('.png a:hover,.png a:focus');

img標籤範例：

複製程式碼 程式碼如下: DD_belatedPNG.fix('img');

如果是多個直接加逗號（英文下的）就好。例如：

複製程式碼 程式碼如下: DD_belatedPNG.fix('png_bgg> ,.png a:hover,.png a:focus,img');

使用方法：

複製程式碼複製程式碼

複製程式碼



複製程式碼

複製程式碼


複製程式碼

複製程式碼複製程式碼複製程式碼 程式碼如下: 括號裡的是樣式選擇器，中間用逗號隔開JS檔下載位址： 0.0.8a-min.js (壓縮版)