解决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 动态加载脚本的4种方法
May 05 Javascript
使用JS进行目录上传(相当于批量上传)
Dec 05 Javascript
jquery中的$(document).ready()使用小结
Feb 14 Javascript
jQuery插件支持同一页面被多次调用
Feb 14 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
Vue实现点击后文字变色切换方法
Feb 11 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
Vue.js进阶知识点总结
Apr 01 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
Aug 20 Javascript
vue观察模式浅析
Sep 25 Javascript
JS实现数组去重及数组内对象去重功能示例
Feb 02 Javascript
JS实现手写 forEach算法示例
Apr 29 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 $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
Codeigniter校验ip地址的方法
2015/03/21 PHP
php函数连续调用实例分析
2015/07/30 PHP
浅谈PHP中其他类型转化为Bool类型
2016/03/28 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
2010/10/01 Javascript
js下通过prototype扩展实现indexOf的代码
2010/12/08 Javascript
读jQuery之五(取DOM元素)
2011/06/20 Javascript
jquery如何根据值设置默认的选中项
2014/03/17 Javascript
JS调用页面表格导出excel示例代码
2014/03/18 Javascript
php读取sqlite数据库入门实例代码
2014/06/25 Javascript
跟我学习javascript的浮点数精度
2015/11/16 Javascript
jQuery表单对象属性过滤选择器实例详解
2016/09/13 Javascript
webpack常用配置项配置文件介绍
2016/11/07 Javascript
Javascript数组循环遍历之forEach详解
2016/11/07 Javascript
Bootstrap表单简单实现代码
2017/03/06 Javascript
vue页面使用阿里oss上传功能的实例(二)
2017/08/09 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
详解React native fetch遇到的坑
2018/08/30 Javascript
Node.js之readline模块的使用详解
2019/03/25 Javascript
vue实现跨域的方法分析
2019/05/21 Javascript
Python中设置变量访问权限的方法
2015/04/27 Python
Python连接mysql数据库的正确姿势
2016/02/03 Python
Python实现自动为照片添加日期并分类的方法
2017/09/30 Python
python实现扫描局域网指定网段ip的方法
2019/04/16 Python
jupyter 导入csv文件方式
2020/04/21 Python
Python SQLAlchemy库的使用方法
2020/10/13 Python
温泉秘密:Onsen Secret
2020/07/06 全球购物
PHP数据运算类型都有哪些
2013/11/05 面试题
一个SQL面试题
2014/08/21 面试题
产品质量承诺范本
2014/03/31 职场文书
师德师风个人反思
2014/04/28 职场文书
新年晚会开场白
2015/05/29 职场文书
一年级语文教学随笔
2015/08/14 职场文书