解決IE6的PNG透明JS插件使用介紹
更新時(shí)間：2013年04月17日 16:45:29 作者：
IE6的PNG透明是個(gè)老問題了，最近有朋友問我有沒有最好的解決這個(gè)問題的插件，今天抽空把這個(gè)發(fā)上來
IE6的PNG透明是個(gè)老問題了，最近有朋友問我有沒有最好的解決這個(gè)問題的插件。雖然知道且在用DD_belatedPNG這個(gè)插件，今天抽空把這個(gè)發(fā)上來。
雖然之前在博客里發(fā)過一款jquery的png插件，但是不支持背景平鋪。
DD_belatedPNG使用了微軟的VML語言對(duì)PNG圖片進(jìn)行重新繪制，以達(dá)到半透明的效果，并且能支持background-position和background-repeat屬性，支持偽類。是一款不錯(cuò)的值得推薦的插件，用法也比較簡單。
使用方法：
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->
引用函數(shù)是DD_belatedPNG.fix()，括號(hào)里的 .png_bg 改成你的css選擇器名稱。
ID選擇器例子：
DD_belatedPNG.fix('#png');
偽類例子：
DD_belatedPNG.fix('.png a:hover,.png a:focus');
img標(biāo)簽例子：
DD_belatedPNG.fix('img');
如果是多個(gè)直接加逗號(hào)（英文下的）就行。例如：
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]-->
括號(hào)里的是樣式選擇器，中間用逗號(hào)隔開
JS文件下載地址：
0.0.8a-min.js (壓縮版)
雖然之前在博客里發(fā)過一款jquery的png插件，但是不支持背景平鋪。
DD_belatedPNG使用了微軟的VML語言對(duì)PNG圖片進(jìn)行重新繪制，以達(dá)到半透明的效果，并且能支持background-position和background-repeat屬性，支持偽類。是一款不錯(cuò)的值得推薦的插件，用法也比較簡單。
使用方法：
復(fù)制代碼 代碼如下:
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->
引用函數(shù)是DD_belatedPNG.fix()，括號(hào)里的 .png_bg 改成你的css選擇器名稱。
ID選擇器例子：
復(fù)制代碼 代碼如下:
DD_belatedPNG.fix('#png');
偽類例子：
復(fù)制代碼 代碼如下:
DD_belatedPNG.fix('.png a:hover,.png a:focus');
img標(biāo)簽例子：
復(fù)制代碼 代碼如下:
DD_belatedPNG.fix('img');
如果是多個(gè)直接加逗號(hào)（英文下的）就行。例如：
復(fù)制代碼 代碼如下:
DD_belatedPNG.fix('.png_bg,#png,.png a:hover,.png a:focus,img');
使用方法：
復(fù)制代碼 代碼如下:
<!--[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]-->
括號(hào)里的是樣式選擇器，中間用逗號(hào)隔開
JS文件下載地址：
0.0.8a-min.js (壓縮版)
相關(guān)文章
javaScript合并對(duì)象的幾個(gè)常見方式
JavaScirpt中有很多對(duì)象合并的方法,今天就做個(gè)筆記,記錄一下這些方法,下面這篇文章主要介紹了javaScript合并對(duì)象的多種方式,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
基于JavaScript實(shí)現(xiàn)文本一鍵復(fù)制和長按復(fù)制功能
本文主要內(nèi)容分三部分,第一部分是需求分析,第二部分是實(shí)現(xiàn)步驟,第三部分是問題詳解,如果您只需要解決問題,請(qǐng)閱讀第一、二部分即可,如果您有更多時(shí)間,進(jìn)一步學(xué)習(xí)問題相關(guān)知識(shí)點(diǎn),請(qǐng)閱讀至第三部分2023-10-10
javascript比較兩個(gè)日期相差天數(shù)的方法
這篇文章主要介紹了javascript比較兩個(gè)日期相差天數(shù)的方法,涉及javascript針對(duì)日期的轉(zhuǎn)換與數(shù)學(xué)運(yùn)算相關(guān)技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-07-07
JavaScript實(shí)現(xiàn)列表分頁功能特效
最近在做一個(gè)小項(xiàng)目，有時(shí)需要制作靜態(tài)頁面網(wǎng)站，而一旦涉及到文章的分頁，實(shí)現(xiàn)起來非常麻煩，自己又剛?cè)腴T，對(duì)js不是很熟悉，所以就拿來練練手。2015-05-05
逐行分析鴻蒙系統(tǒng)的 JavaScript 框架(推薦)
鴻蒙系統(tǒng)使用 JavaScript 開發(fā) GUI 是一種類似于微信小程序、輕應(yīng)用的模式。這篇文章給大家?guī)砹酥鹦蟹治鲽櫭上到y(tǒng)的 JavaScript 框架的相關(guān)知識(shí)，感興趣的朋友跟隨小編一起看看吧2020-09-09
echarts中幾種漸變方式的具體實(shí)現(xiàn)方式
在使用echarts繪制圖表時(shí),有的時(shí)候需要使用漸變色,下面這篇文章主要給大家介紹了關(guān)于echarts中幾種漸變方式的具體實(shí)現(xiàn)方式,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
詳解JS如何解決大數(shù)據(jù)下滾動(dòng)頁面卡頓問題
之前遇到不分頁直接獲取到全部數(shù)據(jù)，前端滾動(dòng)查看數(shù)據(jù)，頁面就挺卡頓的，所以這篇文章來和大家聊聊如何解決這一問題，感興趣的小伙伴可以了解下2023-07-07
H5跳轉(zhuǎn)小程序按鈕不顯示(wx-open-launch-weapp)踩坑指南
這篇文章主要給大家介紹了關(guān)于H5跳轉(zhuǎn)小程序按鈕不顯示(wx-open-launch-weapp)踩坑的相關(guān)資料,文中介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-02-02
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)移動(dòng)端吸頂效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
前端報(bào)錯(cuò)Failed?to?resolve?component:?smile-outlined?If?thi
這篇文章主要為大家介紹了前端報(bào)錯(cuò)?Failed?to?resolve?component:?smile-outlined?If?this?is?a?native?custom?的問題分析解決，有需要的朋友可以借鑒參考下2023-06-06