解决IE6的PNG透明JS插件使用介绍


Posted in Javascript onApril 17, 2013

IE6的PNG透明是个老问题了,最近有朋友问我有没有最好的解决这个问题的插件。虽然知道且在用DD_belatedPNG这个插件,今天抽空把这个发上来。

虽然之前在博客里发过一款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]-->

引用函数是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 (压缩版)
Javascript 相关文章推荐
JavaScript 学习小结(适合新手参考)
Jul 30 Javascript
jQuery的实现原理的模拟代码 -5 Ajax
Aug 07 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
Jan 16 Javascript
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 Javascript
javascript实现确定和取消提示框效果
Jul 10 Javascript
全面解析Bootstrap排版使用方法(标题)
Nov 30 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
Jan 16 Javascript
Vue监听数组变化源码解析
Mar 09 Javascript
javascript 中null和undefined区分和比较
Apr 19 Javascript
vue 2.0项目中如何引入element-ui详解
Sep 06 Javascript
在vue 中使用 less的教程详解
Sep 26 Javascript
解决echarts中横坐标值显示不全(自动隐藏)问题
Jul 20 Javascript
Web跨浏览器进程通信(Web跨域)
Apr 17 #Javascript
js读写(删除)Cookie实例详解
Apr 17 #Javascript
基于dom编程中 动态创建与删除元素的使用
Apr 17 #Javascript
javaScript(JS)替换节点实现思路介绍
Apr 17 #Javascript
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
Apr 17 #Javascript
JS对img进行操作(换图片/切图/轮换/停止)
Apr 17 #Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
Apr 17 #Javascript
You might like
聊天室php&amp;mysql(一)
2006/10/09 PHP
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
php线性表的入栈与出栈实例分析
2015/06/12 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
PHP通过文件路径获取文件名的实例代码
2018/10/14 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
2020/11/27 PHP
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
Javascript实现获取窗口的大小和位置代码分享
2014/12/04 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
微信小程序websocket实现聊天功能
2020/03/30 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
基于VUE的v-charts的曲线显示功能
2019/10/01 Javascript
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python去除字符串两端空格的方法
2015/05/21 Python
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
Python爬虫包BeautifulSoup简介与安装(一)
2018/06/17 Python
Python设计模式之状态模式原理与用法详解
2019/01/15 Python
python视频按帧截取图片工具
2019/07/23 Python
详解Python是如何实现issubclass的
2019/07/24 Python
pandas使用之宽表变窄表的实现
2020/04/12 Python
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
英国剑桥包官网:The Cambridge Satchel Company
2016/08/01 全球购物
美国专注于健康商品的网站:eVitamins
2017/01/23 全球购物
S’well Bottle保温杯官网:绝缘不锈钢水瓶
2018/05/09 全球购物
校园绿化美化方案
2014/06/08 职场文书
排查整治工作方案
2014/06/09 职场文书
小学运动会宣传稿
2015/07/23 职场文书
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python
生命的关键成分来自太空?陨石说是的
2022/04/29 数码科技
Java实现注册登录跳转
2022/06/16 Java/Android