js批量解决ie6、7、8PNG图片兼容问题

最新推荐文章于 2020-07-17 09:36:18 发布

f873788003

最新推荐文章于 2020-07-17 09:36:18 发布

阅读量353

点赞数

分类专栏： WEB前端文章标签： ie function float filter

本文链接：https://blog.csdn.net/f873788003/article/details/6912197

版权

WEB前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

< script type ="text/javascript" >
       function fixpng24() {
           var arVersion = navigator.appVersion.split( " MSIE " );
           var version = parseFloat(arVersion[ 1 ]);
           if ((version >= 5.5 ) && (document.body.filters)) {
               for ( var i = 0 ; i < document.images.length; i ++ ) {
                   var img = document.images[i];
                   var imgName = img.src.toUpperCase();
                   if (imgName.substring(imgName.length - 3 , imgName.length) == " PNG " ) {
                       var imgID = (img.id) ? " id=' " + img.id + " ' " : "" ;
                       var imgClass = (img.className) ? " class=' " + img.className + " ' " : "" ;
                       var imgTitle = (img.title) ? " title=' " + img.title + " ' " : " title=' " + img.alt + " ' " ;
                       var imgStyle = " display:inline-block; " + img.style.cssText;
                       if (img.align == " left " ) imgStyle = " float:left; " + imgStyle;
                       if (img.align == " right " ) imgStyle = " float:right; " + imgStyle;
                       if (img.parentElement.href) imgStyle = " cursor:hand; " + imgStyle;
                       var strNewHTML = " <span " + imgID + imgClass + imgTitle
                               + " style=\" " + " width: " + img.width + " px; height: " + img.height + " px; " + imgStyle
                               + " filter:progid:DXImageTransform.Microsoft.AlphaImageLoader "
                               + " (src=\' " + img.src + " \', sizingMethod='scale');\"></span> "
                       img.outerHTML = strNewHTML;
                       i = i - 1 ;
                   }
               }
           }
       }
       window.onload = function (){
           fixpng24();
       }
    </ script >