解决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 模拟实现类似c#下的hashtable的简单功能代码
Jan 24 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
Oct 11 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 Javascript
JS取request值以及自动执行使用示例
Feb 24 Javascript
简单方法判断JavaScript对象为null或者属性为空
Sep 26 Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
Feb 19 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
JavaScript实现随机点名器实例详解
May 07 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 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实现的一致性哈希算法完整实例
2015/11/14 PHP
PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
2016/07/09 PHP
PHP基于ORM方式操作MySQL数据库实例
2017/06/21 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
清除网页历史记录,屏蔽后退按钮!
2008/12/22 Javascript
node.js中的path.delimiter方法使用说明
2014/12/09 Javascript
jQuery中live()方法用法实例
2015/01/19 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
2017/01/13 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
2018/01/04 Javascript
React 路由懒加载的几种实现方案
2018/10/23 Javascript
Jquery和CSS实现选择框重置按钮功能
2018/11/08 jQuery
Vue.js 中的 v-model 指令及绑定表单元素的方法
2018/12/03 Javascript
NodeJS实现同步的方法
2019/03/02 NodeJs
es6 symbol的实现方法示例
2019/04/02 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
python获取糗百图片代码实例
2013/12/18 Python
使用Python内置的模块与函数进行不同进制的数的转换
2016/03/12 Python
举例讲解Python中metaclass元类的创建与使用
2016/06/30 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
用python求一个数组的和与平均值的实现方法
2019/06/29 Python
python 使用pdfminer3k 读取PDF文档的例子
2019/08/27 Python
Python面向对象程序设计之私有变量,私有方法原理与用法分析
2020/03/23 Python
什么是python的列表推导式
2020/05/26 Python
python要安装在哪个盘
2020/06/15 Python
Python 无限级分类树状结构生成算法的实现
2021/01/21 Python
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
研究生自我鉴定范文
2013/10/30 职场文书
团日活动总结书
2014/05/08 职场文书
倡议书的格式写法
2015/04/28 职场文书
2015年行风建设工作总结
2015/05/15 职场文书
python文件目录操作之os模块
2021/05/08 Python