首頁 >web前端 >js教程 >解決IE6的PNG透明JS插件使用介紹_javascript技巧

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

WBOY
WBOY原創
2016-05-16 17:36:281258瀏覽

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 (壓縮版)
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn