解决IE6的PNG透明JS插件使用介绍
更新时间：2013年04月17日 16:45:29 作者：
IE6的PNG透明是个老问题了，最近有朋友问我有没有最好的解决这个问题的插件，今天抽空把这个发上来
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 (压缩版)
虽然之前在博客里发过一款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渲染页面的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,感兴趣的小伙伴下面随着小编来一起来学习吧2023-12-12
使用Javascript（简称JS）取得LI里的内容(简单易懂的代码实例)2008-12-12
这篇文章主要为大家详细介绍了js实现自动轮换选项卡，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了基于canvas实现的钟摆效果,以完整实例形式分析了JavaScript结合html5的canvas技术实现钟摆动态旋转效果的方法,需要的朋友可以参考下2016-01-01
Chrome中模态对话框showModalDialog返回值问题的解决方法
chrome中弹出模态对话框，通过window.returnValue赋返回值关闭后，有的情况下无法取得返回值。2010-05-05
生成一个2000*5的表格，每个单元格的内容是行号+逗号+列号，具体的实现过程如下，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
javascript作用域链(Scope Chain)用法实例解析
这篇文章主要介绍了javascript作用域链(Scope Chain)用法,结合实例形式较为详细的分析了javascript作用域链(Scope Chain)的概念、功能与相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要介绍Javascript将双字节字符转换成单字节字符并计算长度的方法,简单实用,需要的朋友可以参考下。2016-06-06
js对象与一般的面向对象的程序设计语言有所不同的。js中的对象是基本原型的。下面给大家介绍js中对象的不同创建方法，非常不错，感兴趣的朋友一起学习吧2016-08-08
这篇文章主要给大家总结介绍了关于js判断数组中是否包含某个值的4种方法,数组是我们编程中经常使用的的数据结构之一,在处理数组时我们经常需要在数组中查找特定的值,JavaScript 包含一些内置方法来检查数组是否有特定的值或对象,需要的朋友可以参考下2023-11-11
最新评论