解決IE6的PNG透明JS插件使用介紹
更新時間：2013年04月17日 16:45:29 作者：
IE6的PNG透明是個老問題了，最近有朋友問我有沒有最好的解決這個問題的插件，今天抽空把這個發(fā)上來
IE6的PNG透明是個老問題了，最近有朋友問我有沒有最好的解決這個問題的插件。雖然知道且在用DD_belatedPNG這個插件，今天抽空把這個發(fā)上來。
雖然之前在博客里發(fā)過一款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]-->
引用函數(shù)是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 (壓縮版)
雖然之前在博客里發(fā)過一款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]-->
引用函數(shù)是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 (壓縮版)
相關(guān)文章
JavaScirpt中有很多對象合并的方法,今天就做個筆記,記錄一下這些方法,下面這篇文章主要介紹了javaScript合并對象的多種方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05
基于JavaScript實現(xiàn)文本一鍵復制和長按復制功能
本文主要內(nèi)容分三部分,第一部分是需求分析,第二部分是實現(xiàn)步驟,第三部分是問題詳解,如果您只需要解決問題,請閱讀第一、二部分即可,如果您有更多時間,進一步學習問題相關(guān)知識點,請閱讀至第三部分2023-10-10
這篇文章主要介紹了javascript比較兩個日期相差天數(shù)的方法,涉及javascript針對日期的轉(zhuǎn)換與數(shù)學運算相關(guān)技巧,非常簡單實用,需要的朋友可以參考下2015-07-07
最近在做一個小項目，有時需要制作靜態(tài)頁面網(wǎng)站，而一旦涉及到文章的分頁，實現(xiàn)起來非常麻煩，自己又剛?cè)腴T，對js不是很熟悉，所以就拿來練練手。2015-05-05
逐行分析鴻蒙系統(tǒng)的 JavaScript 框架(推薦)
鴻蒙系統(tǒng)使用 JavaScript 開發(fā) GUI 是一種類似于微信小程序、輕應(yīng)用的模式。這篇文章給大家?guī)砹酥鹦蟹治鲽櫭上到y(tǒng)的 JavaScript 框架的相關(guān)知識，感興趣的朋友跟隨小編一起看看吧2020-09-09
在使用echarts繪制圖表時,有的時候需要使用漸變色,下面這篇文章主要給大家介紹了關(guān)于echarts中幾種漸變方式的具體實現(xiàn)方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
之前遇到不分頁直接獲取到全部數(shù)據(jù)，前端滾動查看數(shù)據(jù)，頁面就挺卡頓的，所以這篇文章來和大家聊聊如何解決這一問題，感興趣的小伙伴可以了解下2023-07-07
H5跳轉(zhuǎn)小程序按鈕不顯示(wx-open-launch-weapp)踩坑指南
這篇文章主要給大家介紹了關(guān)于H5跳轉(zhuǎn)小程序按鈕不顯示(wx-open-launch-weapp)踩坑的相關(guān)資料,文中介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2023-02-02
這篇文章主要為大家詳細介紹了js實現(xiàn)移動端吸頂效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
前端報錯Failed?to?resolve?component:?smile-outlined?If?thi
這篇文章主要為大家介紹了前端報錯?Failed?to?resolve?component:?smile-outlined?If?this?is?a?native?custom?的問題分析解決，有需要的朋友可以借鑒參考下2023-06-06