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文件,代码以下:
以上代码针对ie6html注释,ie6将读取阐发以上if条件注释内代码。从而让IE6引入必要的JS文件及代码。以上代码放入html网页里之间就可。
二、紧要在应用PNG图片网页声明类
我们引入了JS,同时我们列入代码:
- DD_belatedPNG.fix('');
1、我们在css后台属性使用png通明图片筹算假如我们对".CSS5{ ...} "里使用png图片,这个时辰咱们只需"DD_belatedPNG.fix(' '); "内的括号内做下类申明就可贪图,对应代码:
- DD_belatedPNG.fix('.CSS5');
2、我们在html运用img标签应用png通明图片治理如果咱们在.CSS5盒子里应用的img引入png图片图谋代码:
- DD_belatedPNG.fix('.CSS5img');
综合以上2点,两种环境都碰到时刻,代码:
- DD_belatedPNG.fix('.CSS5img,.CSS5');
也便是在对应声明中央使用英文大写逗号分开即可,以此类推如果碰到一个html网页中多处应用png不管是CSS布景照样html img标签,我们均或者运用逗号铺开组合声明。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: IE6 png图片透明的解决方法教程
本文地址: https://pptw.com/jishu/666160.html
