解決IE6的PNG透明JS插件使用介紹
雖然之前在博客里發(fā)過(guò)一款jquery的png插件,但是不支持背景平鋪。
DD_belatedPNG使用了微軟的VML語(yǔ)言對(duì)PNG圖片進(jìn)行重新繪制,以達(dá)到半透明的效果,并且能支持background-position和background-repeat屬性,支持偽類。是一款不錯(cuò)的值得推薦的插件,用法也比較簡(jiǎn)單。
使用方法:
<!--[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)隔開(kāi)
JS文件下載地址:
0.0.8a-min.js (壓縮版)
相關(guān)文章
js實(shí)現(xiàn)自動(dòng)輪換選項(xiàng)卡
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)自動(dòng)輪換選項(xiàng)卡,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01基于canvas實(shí)現(xiàn)的鐘擺效果完整實(shí)例
這篇文章主要介紹了基于canvas實(shí)現(xiàn)的鐘擺效果,以完整實(shí)例形式分析了JavaScript結(jié)合html5的canvas技術(shù)實(shí)現(xiàn)鐘擺動(dòng)態(tài)旋轉(zhuǎn)效果的方法,需要的朋友可以參考下2016-01-01Chrome中模態(tài)對(duì)話框showModalDialog返回值問(wèn)題的解決方法
chrome中彈出模態(tài)對(duì)話框,通過(guò)window.returnValue賦返回值關(guān)閉后,有的情況下無(wú)法取得返回值。2010-05-05js動(dòng)態(tài)創(chuàng)建、刪除表格示例代碼
生成一個(gè)2000*5的表格,每個(gè)單元格的內(nèi)容是行號(hào)+逗號(hào)+列號(hào),具體的實(shí)現(xiàn)過(guò)程如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08javascript作用域鏈(Scope Chain)用法實(shí)例解析
這篇文章主要介紹了javascript作用域鏈(Scope Chain)用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript作用域鏈(Scope Chain)的概念、功能與相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11Javascript將雙字節(jié)字符轉(zhuǎn)換成單字節(jié)字符并計(jì)算長(zhǎng)度
這篇文章主要介紹Javascript將雙字節(jié)字符轉(zhuǎn)換成單字節(jié)字符并計(jì)算長(zhǎng)度的方法,簡(jiǎn)單實(shí)用,需要的朋友可以參考下。2016-06-06JavaScript中對(duì)象的不同創(chuàng)建方法
js對(duì)象與一般的面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言有所不同的。js中的對(duì)象是基本原型的。下面給大家介紹js中對(duì)象的不同創(chuàng)建方法,非常不錯(cuò),感興趣的朋友一起學(xué)習(xí)吧2016-08-08js判斷數(shù)組中是否包含某個(gè)值的4種方法總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于js判斷數(shù)組中是否包含某個(gè)值的4種方法,數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)我們經(jīng)常需要在數(shù)組中查找特定的值,JavaScript 包含一些內(nèi)置方法來(lái)檢查數(shù)組是否有特定的值或?qū)ο?需要的朋友可以參考下2023-11-11