6个简单的解决方案解决Internet Explorer中的透明度问题

在Internet Explorer中的透明度始终是一个所有Web设计者的大问题。设计网页的时候要考虑的IE6的兼容性问题。，我们设计的网站要在firefox/opera/chrome下调试，最后还要在IE中测试兼容性问题

关于IE6的一个主要问题是透明度问题。IE6无法正确呈现透明的 PNG图像。结果是你设计的网站在其他浏览器当可以显示，放在IE6下面就乱了，哈哈，幸运的是，有几个解决方案，它可以帮助网页设计师克服IE6的透明度问题。他们每个人都使用不同的方法。今天，我就将简要看看这些方法奉献给大家，你看看你考虑用哪种方法，以后如果在遇到类似的问题，你不要去说上百度搜，怎么样解决，只要你把这篇文章记下来，以后任何的透明度问题，都保证全部解决

1。jQuery.pngFix.js

此解决方案要求jQuery和css背景一起作用。要使用此方法，简单的添加jQuery的在你的头部和pngFix插件，然后激活js函数。这个插件将修复在Windows Internet Explorer 5.5及6失踪的PNG透明度问题，使用方法

1.在头部引用文件

1 <head> 
2 ... 
3 <script type="text/javascript" src="jquery-latest.pack.js"></script> 
4 <script type="text/javascript" src="jquery.pngFix.js"></script> 
5 ... 
6 </head>

2，激活这个方法

1 <head> 
2 ... 
3 <script type="text/javascript"> 
4     $(document).ready(function(){ 
5         $(document).pngFix(); 
6     }); 
7 </script> 
8 ... 
9 </head>

2。DD_belatedPNG

DD_belatedPNG youe IE6/PNG问题是另一个JavaScript解决方案。为了使用此解决方案，只需将它添加到您的文档，调用的CSS选择器的DD_belatedPNG.fix togother属性。

1 <!--[如果IE 6]> 
2 <script src="DD_belatedPNG.js"> </ SCRIPT> 
3 <SCRIPT> 
4   / *示例* / 
5   DD_belatedPNG.fix（'.png_bg'）;   / *字符串参数可以是任何CSS选择器*   / / *。png_bg的例子是不必要的*   / / *将其更改为适合你 ！* / </ SCRIPT> <[ENDIF] - >
6

3。TwinHelix IE PNG修复
TwinHelix的解决方案需要使用CSS属性的行为。您需要上传文件包中的“iepngfix.htc”和“blank.gif”文件即可

4。IE7.js

IE7.js是一个JavaScript库，Microsoft Internet Explorer的行为像一个符合标准的浏览器。它修复了许多HTML和CSS问题，IE5和IE6下透明PNG正常工作。

在ie7中代码是

1 <!--[if lt IE 7]>
2 <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
3 <![endif]-->

在IE8中的代码是

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

在IE9 中的代码是

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

5。

Unit PNG Fix

UnitPNG的修补程序写上代码自动运行，确保所有的PNG透明，并且他不与背景重复

6，在Windows IE的PNG

只需3行代码，你会得到你所有的PNG文件的透明度。代码打包下载

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->