ie6 png图片透明的解决方法

2016-06-20 08:31:47 ie6 png图片透明的解决方法

今天解决png图片在IE6下的背景透明问题,找到了一个好方法。之前的解决方案会造成错位,使页面变形。现把这个方法公布如下,本人亲测可以正常使用,如果你在使用中出现问题,请看实例中的说明:

html中加入引入JS,让只有IE6浏览器读取这个Png透明解决JS代码:

  1. <!--[if lt IE 7]> 
  2. <script type="text/javascript" src="images/iepngfix_tilebg.js"></script> 
  3. <style type="text/css"> 
  4. img, div, input { behavior: url("images/iepngfix.htc") } 
  5. </style> 

在页面中head部分加上如上代码,<!--[if lt IE 7]>是为了让IE6以下浏览器执行,其他浏览器不执行,因为IE6以上浏览器都支持png背景透明

然后在images目录下放置如下三个文件:

解决ie6 png透明三个文件截图
解决ie6 png透明三个文件截图

IE6 png图片透明实例+源代码打包下载:

以上可下载IE6 透明图片解决文件

更新