解决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 document.createDocumentFragment()
Apr 04 Javascript
JavaScript中继承的一些示例方法与属性参考
Aug 07 Javascript
jQuery 一个图片切换的插件
Oct 09 Javascript
扩展JavaScript功能的正确方法(译文)
Apr 12 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
Oct 22 Javascript
使用JavaScript 编写简单计算器
Nov 24 Javascript
JavaScript阻止浏览器返回按钮的方法
Mar 18 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
Apr 29 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
Oct 12 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
Sep 07 Javascript
ES6基础之数组和对象的拓展实例详解
Aug 22 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
使用 MySQL Date/Time 类型
2008/03/26 PHP
php使用fopen创建utf8编码文件的方法
2014/10/31 PHP
Symfony学习十分钟入门经典教程
2016/02/03 PHP
PHP使用file_get_content设置头信息的方法
2016/02/14 PHP
jQuery 性能优化指南(2)
2009/05/21 Javascript
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
javascript实现存储hmtl字符串示例
2014/04/25 Javascript
jquery 构造函数在表单提交过程中修改数据
2015/05/25 Javascript
js实现文字在按钮上滚动的方法
2015/08/20 Javascript
利用transition实现文字上下抖动的效果
2017/01/21 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
JS+canvas实现的五子棋游戏【人机大战版】
2017/07/19 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
JavaScript ES6 Class类实现原理详解
2020/05/08 Javascript
[01:56]林书豪DOTA2上海特级锦标赛励志短片
2016/03/05 DOTA
跟老齐学Python之集合(set)
2014/09/24 Python
Python实现的端口扫描功能示例
2018/04/08 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
详解django中使用定时任务的方法
2018/09/27 Python
Python 硬币兑换问题
2019/07/29 Python
Python爬虫使用bs4方法实现数据解析
2020/08/25 Python
CSS3实现背景透明文字不透明的示例代码
2018/06/25 HTML / CSS
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
莫斯科绝对前卫最秘密的商店:SVMoscow
2017/10/23 全球购物
Juicy Couture Beauty官方网站:香水和化妆品
2019/03/12 全球购物
黑猩猩商店:The Chimp Store
2020/02/12 全球购物
平安工地建设方案
2014/05/06 职场文书
医院保洁服务方案
2014/06/11 职场文书
检讨书模板大全
2015/05/07 职场文书
交通安全教育主题班会
2015/08/12 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书
mysql字段为NULL索引是否会失效实例详解
2022/05/30 MySQL
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers
python index() 与 rindex() 方法的使用示例详解
2022/12/24 Python