解決IE6的PNG透明JS外掛程式使用介紹

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

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

使用方法：
複製代碼 代碼如下:
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->

引用函數是DD_belatedPNG.fix()，括弧裡的 .png_bg 改成你的css選取器名稱。
ID選取器例子：
複製代碼 代碼如下:
DD_belatedPNG.fix('#png');

偽類例子：
複製代碼 代碼如下:
DD_belatedPNG.fix('.png a:hover,.png a:focus');

img標籤例子：
複製代碼 代碼如下:
DD_belatedPNG.fix('img');

如果是多個直接加逗號（英文下的）就行。例如：
複製代碼 代碼如下:
DD_belatedPNG.fix('.png_bg,#png,.png a:hover,.png a:focus,img');

使用方法：
複製代碼 代碼如下:
<!--[if IE 6]>
<script type="text/javascript" src="js/dd_png.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.tel,.head_content');
</script>
<![endif]-->

括弧裡的是樣式選取器，中間用逗號隔開
JS檔案：
0.0.8a-min.js (壓縮版)