IE6 png图片透明的解决方法教程

IE6中支持PNG半无色图片完美管理方式-CSS5亲测

从IE7及IE7以上版本都赞成PNG半通明花色图片，而惟独IE6不赞成png样式无色图片，而GIF半无色成果不及png半透明格局图片，由此我们迫不迭待必要解决IE6兼容png图片法子，这里css5.com.cn为你简介一种万能支持Png无色图片css hack 。

支持png无色图片设计方式图下文。

一、必要JS文件支持

1、紧要DD_belatedPNG.js与DD_belatedPNG_0.0.8a.js文件，下面我们会供应打包下载
2、重要在紧要赞成png图片html页面引入这2个JS文件（2个js文件咱们放入到js文件夹里为例）
由于是针对IE6的，另外更高版本涉猎器不需求使用此特效，以是我们运用讲明式if前提让IE6读取JS文件，代码以下：

<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript" ></script>
<script type="text/javascript">
DD_belatedPNG.fix(' ');
</script>
<![endif]-->

以上代码针对ie6 html注释，ie6将读取阐发以上if条件注释内代码。从而让IE6引入必要的JS文件及代码。以上代码放入html网页里<head></head>之间就可。

二、紧要在应用PNG图片网页声明类

我们引入了JS，同时我们列入代码：

<script type="text/javascript">
DD_belatedPNG.fix(' ');
</script>

1、我们在css后台属性使用png通明图片筹算假如我们对".CSS5{...}"里使用png图片，这个时辰咱们只需“DD_belatedPNG.fix(' ');”内的括号内做下类申明就可贪图，对应代码：

<script type="text/javascript">
DD_belatedPNG.fix('.CSS5 ');
</script>

2、我们在html运用img标签应用png通明图片治理如果咱们在.CSS5盒子里应用的img引入png图片图谋代码：

<script type="text/javascript">
DD_belatedPNG.fix('.CSS5 img');
</script>

综合以上2点，两种环境都碰到时刻，代码：

<script type="text/javascript">
DD_belatedPNG.fix('.CSS5 img,.CSS5');
</script>

也便是在对应声明中央使用英文大写逗号分开即可，以此类推如果碰到一个html网页中多处应用png不管是CSS布景照样html img标签，我们均或者运用逗号铺开组合声明。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/rumen/r52061.shtml