解决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实现仿Windows关机效果
Mar 10 Javascript
向大师们学习Javascript(视频与PPT)
Dec 27 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
jquery实现背景墙聚光灯效果示例分享
Mar 02 Javascript
javascript实现简单的二级联动
Mar 19 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
Oct 23 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
Jan 26 Javascript
JavaScript制作简易计算器(不用eval)
Feb 05 Javascript
微信小程序如何获取openid及用户信息
Jan 26 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
JavaScript学习教程之cookie与webstorage
Jun 23 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 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
C# Assembly类访问程序集信息
2009/06/13 PHP
php、java、android、ios通用的3des方法(推荐)
2016/09/09 PHP
php 开发中加密的几种方法总结
2017/03/22 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
几款极品的javascript压缩混淆工具
2007/05/16 Javascript
用apply让javascript函数仅执行一次的代码
2010/06/27 Javascript
用js解决数字不能换行问题
2010/08/10 Javascript
Js组件的一些写法
2010/09/10 Javascript
JS实现Select的option上下移动的方法
2016/03/01 Javascript
javascript的BOM
2016/05/03 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
ES7中利用Await减少回调嵌套的方法详解
2017/11/01 Javascript
浅谈mvvm-simple双向绑定简单实现
2018/04/18 Javascript
Nodejs核心模块之net和http的使用详解
2019/04/02 NodeJs
使用Vue生成动态表单
2019/11/26 Javascript
前端如何实现动画过渡效果
2021/02/05 Javascript
python爬取NUS-WIDE数据库图片
2016/10/05 Python
使用python实现快速搭建简易的FTP服务器
2018/09/12 Python
python实现车牌识别的示例代码
2019/08/05 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
波兰灯具、照明和LED购物网站:Lampy.pl
2019/03/11 全球购物
美国牙科折扣计划:DentalPlans.com
2019/08/26 全球购物
英国最大的在线快递公司之一:ParcelHero
2019/11/04 全球购物
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
Sisley法国希思黎美国官方网站:享誉全球的奢华植物美容品牌
2020/06/27 全球购物
P/Invoke是什么
2015/07/31 面试题
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
护理专业个人求职简历的自我评价
2013/10/13 职场文书
体育教育个人自荐信范文
2013/12/01 职场文书
2014年党员干部四风问题自我剖析材料
2014/09/29 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
2014年餐厅服务员工作总结
2014/11/18 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
python DataFrame中stack()方法、unstack()方法和pivot()方法浅析
2022/04/06 Python
python实现学生信息管理系统(面向对象)
2022/06/05 Python
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS