解决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 相关文章推荐
仿服务器端脚本方式的JS模板实现方法
Apr 27 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
Oct 21 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
Aug 28 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
Dec 23 Javascript
利用NPM淘宝的node.js镜像加速nvm
Mar 27 Javascript
vue.js移动数组位置,同时更新视图的方法
Mar 08 Javascript
JavaScript回调函数callback用法解析
Jan 14 Javascript
node.js开发辅助工具nodemon安装与配置详解
Feb 06 Javascript
Node.js API详解之 Error模块用法实例分析
May 14 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 Javascript
谈谈JavaScript中的垃圾回收机制
Sep 17 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
Warning: session_destroy() : Trying to destroy uninitialized sessionq错误
2011/06/16 PHP
PHP中HTML标签过滤技巧
2014/01/07 PHP
php获取指定数量随机字符串的方法
2017/02/06 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
js以对象为索引的关联数组
2010/07/04 Javascript
javascript错误的认识不用关心内存管理
2012/12/15 Javascript
javascript实现数字+字母验证码的简单实例
2014/02/10 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
2015/09/11 Javascript
AngularJS 实现按需异步加载实例代码
2015/10/18 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
JavaScript禁止复制与粘贴的实现代码
2016/05/16 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
2016/08/29 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
关于layui flow loading占位图的实现方法
2019/09/21 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
Python开发的实用计算器完整实例
2017/05/10 Python
Python创建对称矩阵的方法示例【基于numpy模块】
2017/10/12 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
在pandas中遍历DataFrame行的实现方法
2019/10/23 Python
Flask中sqlalchemy模块的实例用法
2020/08/02 Python
python如何随机生成高强度密码
2020/08/19 Python
python判断变量是否为列表的方法
2020/09/17 Python
美国知名的百货清仓店:Neiman Marcus Last Call
2016/08/03 全球购物
英国户外装备商店:Ultimate Outdoors
2019/05/07 全球购物
应用艺术毕业生的自我评价
2013/12/04 职场文书
报关员个人职业生涯规划书
2014/03/12 职场文书
2014基层党员干部学习全国两会心得体会
2014/03/17 职场文书
吨的认识教学反思
2014/04/27 职场文书
教师批评与自我批评
2014/10/15 职场文书
入党积极分子党小组意见
2015/06/02 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
Redis字典实现、Hash键冲突及渐进式rehash详解
2021/09/04 Redis