首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:36:28
原創
1214 人瀏覽過

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 (壓縮版)
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!