解决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吗?
Feb 24 Javascript
js实现倒计时(距离结束还有)示例代码
Jul 24 Javascript
js innerHTML 改变div内容的方法
Aug 03 Javascript
asp.net中oracle 存储过程(图文)
Aug 12 Javascript
jQuery超酷平面式时钟效果代码分享
Mar 30 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
Nov 16 Javascript
javascript从作用域链谈闭包
Jul 29 Javascript
轻松掌握JavaScript状态模式
Sep 07 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
对Vue table 动态表格td可编辑的方法详解
Aug 28 Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 Javascript
JavaScript中跨域问题的深入理解
Mar 04 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
3.从实例开始
2006/10/09 PHP
PHP中动态HTML的输出技术
2006/10/09 PHP
php中将网址转换为超链接的函数
2011/09/02 PHP
PHP中怎样防止SQL注入分析
2014/10/23 PHP
php中青蛙跳台阶的问题解决方法
2018/10/14 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
学习ExtJS Column布局
2009/10/08 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
JQuery优缺点分析说明
2010/06/09 Javascript
JS 页面计时器示例代码
2013/10/28 Javascript
JS实现左右拖动改变内容显示区域大小的方法
2015/10/13 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
正则中的回溯定义与用法分析【JS与java实现】
2016/12/27 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
深入理解Vue router的部分高级用法
2018/08/15 Javascript
浅谈vue3中effect与computed的亲密关系
2019/10/10 Javascript
基于小程序请求接口wx.request封装的类axios请求
2020/07/02 Javascript
20招让你的Python飞起来!
2016/09/27 Python
python 列表,数组和矩阵sum的用法及区别介绍
2018/06/28 Python
python的pip安装以及使用教程
2018/09/18 Python
实例讲解Python脚本成为Windows中运行的exe文件
2019/01/24 Python
世界上最悠久的自行车制造商:Ribble Cycles
2017/03/18 全球购物
建筑工程自我鉴定
2013/10/18 职场文书
爱心捐款倡议书
2014/04/14 职场文书
部门活动策划方案
2014/08/16 职场文书
白酒代理协议书范本
2014/10/26 职场文书
党员教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
优秀党员个人总结
2015/02/14 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
详细了解MVC+proxy
2021/07/09 Java/Android
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python
MySql分区类型及创建分区的方法
2022/04/13 MySQL