前端问题——png图片在IE6下透明失效，解决办法

最新推荐文章于 2025-09-10 11:07:46 发布

weixin_30544657

最新推荐文章于 2025-09-10 11:07:46 发布

阅读量106

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/woxiangxintj/p/3981388.html

本文介绍了解决IE6浏览器中PNG图片透明背景显示问题的两种方法：一是将PNG图片转换为GIF格式；二是通过添加特定JavaScript代码实现PNG图片的透明效果。

今天，一位同事问我问题，png 图片在IE6下透明背景失效。

解决办法，在网上查了很多，最后还是采用两种方案来解决这个问题

1、把这个网页的png格式图片变更为gif格式的图片。问题解决

2、就是让这个网页引用一段JS代码，如下：

 1 if (!window.XMLHttpRequest) {
 2     window.attachEvent("onload", enableAlphaImages);
 3 }
 4 
 5 function enableAlphaImages(){
 6     for (var i=0; i<document.all.length; i++){
 7             var obj = document.all[i];
 8             var bg = obj.currentStyle.backgroundImage;
 9             var img = document.images[i];
10             if (bg && bg.match(/\.png/i) != null) {
11                 var img = bg.substring(5,bg.length-2);
12                 var offset = obj.style["background-position"];
13                 obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
14                 obj.style.background = "none";
15         } else if (img && img.src.match(/\.png$/i) != null) {
16             var src = img.src;
17             img.style.width = img.width + "px";
18             img.style.height = img.height + "px";
19             img.style.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"', sizingMethod='crop')"
20             img.src = "http://s1.95171.cn/b/img/pixel.gif";
21         }
22     }
23 }