解决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 相关文章推荐
cloudgamer出品ImageZoom 图片放大效果
Apr 01 Javascript
js对象之JS入门之Array对象操作小结
Jan 09 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
Dec 25 Javascript
JavaScript判断是否是微信浏览器
Jun 13 Javascript
JS匿名函数类生成方式实例分析
Nov 26 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
Apr 18 Javascript
推荐10款扩展Web表单的JS插件
Dec 25 Javascript
浅谈vue项目可以从哪些方面进行优化
May 05 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
Jun 28 Javascript
简化版的vue-router实现思路详解
Oct 19 Javascript
vue视频播放暂停代码
Nov 08 Javascript
JS实现扫码枪扫描二维码功能
Jan 03 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怎样调用MSSQL的存储过程
2006/10/09 PHP
php+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
一些常用的php简单命令代码集锦
2007/09/24 PHP
php 采集书并合成txt格式的实现代码
2009/03/01 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
PHP云打印类完整示例
2016/10/15 PHP
php面试中关于面向对象的相关问题
2019/02/13 PHP
IE和firefox浏览器的event事件兼容性汇总
2009/12/06 Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
2012/12/11 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
jQuery异步加载数据并添加事件示例
2014/08/24 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
2016/09/06 Javascript
AngularJS实现tab选项卡的方法详解
2017/07/05 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
JS实现拼图游戏
2021/01/29 Javascript
vue 动态添加class,三个以上的条件做判断方式
2020/11/02 Javascript
小程序角标的添加及绑定购物车数量进行实时更新的实现代码
2020/12/07 Javascript
vue穿梭框实现上下移动
2021/01/29 Vue.js
python获取mp3文件信息的方法
2015/06/15 Python
Python 处理文件的几种方式
2019/08/23 Python
python 实现dict转json并保存文件
2019/12/05 Python
Python如何给你的程序做性能测试
2020/07/29 Python
Html5元素及基本语法详解
2016/08/02 HTML / CSS
世界上最大的网络主机公司:1&1
2016/10/12 全球购物
美国网上鞋子零售商:Dr. Scholl’s Shoes
2017/11/17 全球购物
美国体育用品商店:Academy Sports + Outdoors
2020/01/04 全球购物
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
三年级数学教学反思
2014/01/31 职场文书
小学生期末评语大全
2014/04/21 职场文书
小学生感恩演讲稿
2014/04/25 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
铁路安全反思材料
2014/12/24 职场文书
2015年销售部工作总结范文
2015/04/27 职场文书
2015年新农村建设指导员工作总结
2015/07/24 职场文书
Nginx开启Brotli压缩算法实现过程详解
2021/03/31 Servers
Java详细解析==和equals的区别
2022/04/07 Java/Android