IE6 png图片透明怎么解决

2023-05-21,

今天小编给大家分享一下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 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图片透明怎么解决”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注本站行业资讯频道。

《IE6 png图片透明怎么解决.doc》

下载本文的Word格式文档,以方便收藏与打印。