解决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 相关文章推荐
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
Nov 28 Javascript
javascript获得服务器端控件的ID的实现代码
Dec 28 Javascript
jquery怎样实现ajax联动框(二)
Mar 08 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
node.js不得不说的12点内容
Jul 14 Javascript
将数字转换成大写的人民币表达式的js函数
Sep 21 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
js实现touch移动触屏滑动事件
Apr 17 Javascript
js将滚动条滚动到指定位置的简单实现方法
Jun 25 Javascript
Bootstrap表单布局
Jul 19 Javascript
浅谈Angular中ngModel的$render
Oct 24 Javascript
微信小程序收藏功能的实现代码
Jun 12 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;)的使用详解
2013/11/13 PHP
php cli配置文件问题分析
2015/10/15 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
JQUERY获取form表单值的代码
2010/07/17 Javascript
javascript正则表达式中参数g(全局)的作用
2010/11/11 Javascript
JS 获取浏览器和屏幕宽高等信息代码
2014/03/31 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
Javascript之Date对象详解
2016/06/07 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
2016/08/01 Javascript
使用vue.js实现联动效果的示例代码
2017/01/10 Javascript
详解jquery插件jquery.viewport.js学习使用方法
2017/09/08 jQuery
Bootstrap modal只加载一次数据的解决办法(推荐)
2017/11/24 Javascript
详解Angular5 路由传参的3种方法
2018/04/28 Javascript
vue之延时刷新实例
2019/11/14 Javascript
vue-cli3单页构建大型项目方案
2020/04/07 Javascript
[01:29]2017 DOTA2国际邀请赛官方英雄手办展示
2017/03/18 DOTA
[01:27:43]VGJ.S vs TNC Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
python获取糗百图片代码实例
2013/12/18 Python
python实现通过shelve修改对象实例
2014/09/26 Python
Python利用Beautiful Soup模块创建对象详解
2017/03/27 Python
Python实现计算两个时间之间相差天数的方法
2017/05/10 Python
Python调用服务接口的实例
2019/01/03 Python
对Python中DataFrame选择某列值为XX的行实例详解
2019/01/29 Python
python bluetooth蓝牙信息获取蓝牙设备类型的方法
2019/11/29 Python
python 解压、复制、删除 文件的实例代码
2020/02/26 Python
Django 设置admin后台表和App(应用)为中文名的操作方法
2020/05/10 Python
Selenium元素定位的30种方式(史上最全)
2020/05/11 Python
学python最电脑配置有要求么
2020/07/05 Python
乌克兰巴士票购买网站:inBus
2021/03/12 全球购物
一道输出判断型Java面试题
2014/10/01 面试题
大学生作弊检讨书
2014/02/19 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
pytorch锁死在dataloader(训练时卡死)
2021/05/28 Python
MySQL学习必备条件查询数据
2022/03/25 MySQL
使用MybatisPlus打印sql语句
2022/04/22 SQL Server
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL