首页 > 代码库 > 前端问题——png图片在IE6下透明失效,解决办法
前端问题——png图片在IE6下透明失效,解决办法
今天,一位同事问我问题,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=http://www.mamicode.com/‘"+img+"‘, sizingMethod=‘crop‘)";14 obj.style.background = "none";15 } else if (img && img.src.match(/\.png$/i) != null) {16 var src =http://www.mamicode.com/ 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=http://www.mamicode.com/‘"+src+"‘, sizingMethod=‘crop‘)"20 img.src = "http://s1.95171.cn/b/img/pixel.gif";21 }22 }23 }
问题解决。
什么不会的时候,我们自己百度一下。
前端问题——png图片在IE6下透明失效,解决办法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。