解决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 相关文章推荐
Jquery选择器 $实现原理
Dec 02 Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 Javascript
jquery选择器之基本过滤选择器详解
Jan 27 Javascript
JavaScript中对象介绍
Dec 31 Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 Javascript
浅谈jQuery添加的HTML,JS失效的问题
Oct 05 Javascript
Vue用v-for给src属性赋值的方法
Mar 03 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
Jun 28 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
layui 中select下拉change事件失效的解决方法
Sep 20 Javascript
p5.js实现动态图形临摹
Oct 23 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适配器模式介绍
2012/08/14 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
日常整理PHP中简单的图形处理(经典)
2015/10/26 PHP
PHP调用接口API封装的例子
2019/10/11 PHP
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
2013/01/04 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
JavaScript动态修改背景颜色的方法
2015/04/16 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
怎样判断jQuery当前元素是隐藏还是显示
2016/11/23 Javascript
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
JS验证码实现代码
2017/09/14 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
2019/05/12 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
微信小程序自定义模态弹窗组件详解
2019/12/24 Javascript
JavaScript中变量提升和函数提升的详解
2020/08/07 Javascript
JS PHP字符串截取函数实现原理解析
2020/08/29 Javascript
python中lambda()的用法
2017/11/16 Python
python爬取拉勾网职位数据的方法
2018/01/24 Python
python3爬虫之设计签名小程序
2018/06/19 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
使用python判断jpeg图片的完整性实例
2019/06/10 Python
在Python中构建增广矩阵的实现方法
2019/07/01 Python
Python对wav文件的重采样实例
2020/02/25 Python
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
Currentbody澳大利亚:美容仪专家
2019/11/11 全球购物
怎样自定义一个异常类
2016/09/27 面试题
初中三年学生的学习自我评价
2013/11/13 职场文书
高中生自我评语大全
2014/01/19 职场文书
30年同学聚会感言
2014/01/30 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
三严三实民主生活会发言稿
2014/10/13 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js