IE6 png图片透明怎么解决
今天小编给大家分享一下IE6 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 class="lazy" data-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标签,咱们均可能使用逗号摊开组合申明。
以上就是“IE6 png图片透明怎么解决”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341