解决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 (压缩版)
相关文章
JavaScirpt中有很多对象合并的方法,今天就做个笔记,记录一下这些方法,下面这篇文章主要介绍了javaScript合并对象的多种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-05-05
本文主要内容分三部分,第一部分是需求分析,第二部分是实现步骤,第三部分是问题详解,如果您只需要解决问题,请阅读第一、二部分即可,如果您有更多时间,进一步学习问题相关知识点,请阅读至第三部分2023-10-10
这篇文章主要介绍了javascript比较两个日期相差天数的方法,涉及javascript针对日期的转换与数学运算相关技巧,非常简单实用,需要的朋友可以参考下2015-07-07
最近在做一个小项目，有时需要制作静态页面网站，而一旦涉及到文章的分页，实现起来非常麻烦，自己又刚入门，对js不是很熟悉，所以就拿来练练手。2015-05-05
鸿蒙系统使用 JavaScript 开发 GUI 是一种类似于微信小程序、轻应用的模式。这篇文章给大家带来了逐行分析鸿蒙系统的 JavaScript 框架的相关知识，感兴趣的朋友跟随小编一起看看吧2020-09-09
在使用echarts绘制图表时,有的时候需要使用渐变色,下面这篇文章主要给大家介绍了关于echarts中几种渐变方式的具体实现方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
之前遇到不分页直接获取到全部数据，前端滚动查看数据，页面就挺卡顿的，所以这篇文章来和大家聊聊如何解决这一问题，感兴趣的小伙伴可以了解下2023-07-07
H5跳转小程序按钮不显示(wx-open-launch-weapp)踩坑指南
这篇文章主要给大家介绍了关于H5跳转小程序按钮不显示(wx-open-launch-weapp)踩坑的相关资料,文中介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-02-02
这篇文章主要为大家详细介绍了js实现移动端吸顶效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
前端报错Failed to resolve component: smile-outlined If thi
这篇文章主要为大家介绍了前端报错 Failed to resolve component: smile-outlined If this is a native custom 的问题分析解决，有需要的朋友可以借鉴参考下2023-06-06
最新评论