解决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 getElementsByClassName函数
Apr 01 Javascript
Egret引擎开发指南之运行项目
Sep 03 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
jQuery实现简单的日期输入格式化控件
Mar 12 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
Apr 18 Javascript
js拼接html字符串的注意事项
Oct 13 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
Oct 14 Javascript
Node.js包管理器Yarn的入门介绍与安装
Oct 17 Javascript
JavaScript闭包_动力节点Java学院整理
Jun 27 Javascript
为什么说JavaScript预解释是一种毫无节操的机制详析
Nov 18 Javascript
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
Sep 27 Javascript
用js实现放大镜效果
Oct 28 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 接口类与抽象类的实际作用
2009/11/26 PHP
浅谈php中urlencode与rawurlencode的区别
2016/09/05 PHP
document.documentElement &amp;&amp; document.documentElement.scrollTop
2007/12/01 Javascript
制作高质量的JQuery Plugin 插件的方法
2010/04/20 Javascript
html页面显示年月日时分秒和星期几的两种方式
2013/08/20 Javascript
javascript中typeof的使用示例
2013/12/19 Javascript
JS控制输入框内字符串长度
2014/05/21 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
2015/08/28 Javascript
js图片轮播特效代码分享
2015/09/07 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
Web开发必知Javascript技巧大全
2016/02/23 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
React-router v4 路由配置方法小结
2017/08/08 Javascript
Vue使用vue-cli创建项目
2017/09/01 Javascript
微信小程序实现多行文字超出部分省略号显示功能
2019/10/23 Javascript
vue.js 子组件无法获取父组件store值的解决方式
2019/11/08 Javascript
推荐几个不错的console调试技巧实现
2019/12/20 Javascript
vue treeselect获取当前选中项的label实例
2020/08/31 Javascript
[01:15:29]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第三局
2016/03/04 DOTA
Python的迭代器和生成器使用实例
2015/01/14 Python
python 把文件中的每一行以数组的元素放入数组中的方法
2018/04/29 Python
深入浅析Python 中 is 语法带来的误解
2019/05/07 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
Python collections中的双向队列deque简单介绍详解
2019/11/04 Python
详解python中的异常捕获
2020/12/15 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
一款利用html5和css3实现的3D立方体旋转效果教程
2016/04/26 HTML / CSS
德国BA保镖药房韩文网:kr.ba.de
2017/09/04 全球购物
Visual-Click葡萄牙:欧洲领先的在线眼镜商
2020/02/17 全球购物
得到Class的三个过程是什么
2012/08/10 面试题
营销与策划应届生求职信
2013/11/04 职场文书
工地安全质量标语
2014/06/07 职场文书
SpringBoot整合MongoDB的实现步骤
2021/06/23 MongoDB
SpringBoot集成Redis的思路详解
2021/10/16 Redis
在 Python 中利用 Pool 进行多线程
2022/04/24 Python