解決IE6的PNG透明JS插件 DD_belatedPNG

IE6的PNG透明是個老問題了，最近有朋友問我有沒有最好的解決這個問題的插件。雖然知道且在用DD_belatedPNG這個插件，今天抽空把這個發上來。
雖然之前在博客里發過一款jquery的png插件，但是不支持背景平鋪。
DD_belatedPNG使用了微軟的VML語言對PNG圖片進行重新繪制，以達到半透明的效果，並且能支持background-position和background-repeat屬性，支持偽類。是一款不錯的值得推薦的插件，用法也比較簡單。

 

使用方法：

 

1 2 3 4 5 6

<!--[if IE 6]> <script src="DD_belatedPNG.js"></script> <script> DD_belatedPNG.fix('.png_bg'); </script> <![endif]-->

 

 

 

 

 

 

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

ID選擇器例子：

 

1	DD_belatedPNG.fix('#png');

 

 

偽類例子：

 

1	DD_belatedPNG.fix('.png a:hover,.png a:focus');

 

 

img標簽例子：

 

1	DD_belatedPNG.fix('img');

 

 

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

 

1	DD_belatedPNG.fix('.png_bg,#png,.png a:hover,.png a:focus,img');

 

 

JS文件下載地址：
0.0.8a.js (未壓縮版本)
0.0.8a-min.js (壓縮版)

官方網站：DD_belatedPNG