解决ie6下png的透明背景问题

简介: /*----解决ie6下png的透明背景问题----*/ var clear="Content/Images/clear.gif"; //path to clear.gif document.
/*----解决ie6下png的透明背景问题----*/
        var clear="Content/Images/clear.gif"; //path to clear.gif
        document.write('<script type="text/javascript" id="ct" defer="defer" src="javascript:void(0)"><\/script>');
        var ct=document.getElementById("ct");
        ct.onreadystatechange=function(){pngfix()};
        pngfix=function(){
            var els=document.getElementsByTagName('*'),ip=/\.png/i,al="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='",i=els.length,uels=new Array(),c=0;
            while(i-->0){
                if(els[i].className.match(/unitPng/))
                {
                    uels[c]=els[i];c++;
                 }
             }
             if(uels.length==0){
                pfx(els);
             } else{
                pfx(uels);
             }
             function pfx(els){
                i=els.length;
                while(i-->0){
                    var el=els[i],es=el.style,elc=el.currentStyle,elb=elc.backgroundImage;
                    if(el.src&&el.src.match(ip)&&!es.filter){
                        es.height=el.height;es.width=el.width;es.filter=al+el.src+"',sizingMethod='crop')";
                        el.src=clear;
                    }else{
                        if(elb.match(ip)){
                            var path=elb.split('"'),rep=(elc.backgroundRepeat=='no-repeat')?'crop':'scale',elkids=el.getElementsByTagName('*'),j=elkids.length;es.filter=al+path[1]+"',sizingMethod='"+rep+"')";
                            es.height=el.clientHeight+'px';es.backgroundImage='none';
                            if(j!=0){
                                if(elc.position!="absolute")es.position='static';
                                while(j-->0)
                                    if(!elkids[j].style.position)elkids[j].style.position="relative";
                                }
                            }
                        }
                    }
             };
          };
           /*----解决ie6下png的透明背景问题----*/

 

相关文章
|
6月前
img图片/svg图标与文字无法对齐
img图片/svg图标与文字无法对齐
77 0
|
存储 Web App开发 编解码
图片:前端展示图像(img 、picture、svg、canvas )及常用图片格式(PNG、JPG、JPEG、WebP、GIF、SVG、AVIF等)
图片:前端展示图像(img 、picture、svg、canvas )及常用图片格式(PNG、JPG、JPEG、WebP、GIF、SVG、AVIF等)
918 1
|
计算机视觉 C++
png,jpg图片透明度化demo
png,jpg图片透明度化demo
76 0
显示图片
显示图片
100 0
|
Java
PNG图片透明背景变黑
Java中PNG图片透明背景变黑
616 0
PNG图片透明背景变黑
|
存储 XML 算法
BMP、GIF、TIFF、PNG、JPG和SVG格式图像的特点
BMP、GIF、TIFF、PNG、JPG和SVG格式图像的特点
BMP、GIF、TIFF、PNG、JPG和SVG格式图像的特点
|
定位技术
openlayers加载图片图层png,jpeg等
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/80479536 原文:http://www.
1516 0
|
前端开发 JavaScript
Canvas自定义图片大小及蒙版与生成gif图
Html的Canvas主要通过js脚本做一些图形化操作。Canvas是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。