zoukankan      html  css  js  c++  java
  • css ie6 png透明背景之js解决方案

    IE6不支持png透明背景

    解决方式:

    给window.onload添加以下两个函数:

    function correctPNG(){
    	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=\""+""+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;
    		}
    	}
    }
    function alphaBackgrounds(){
    	if(document.all){
    		for(var i=0;i<document.all.length;i++){
    			var bg=document.all[i].currentStyle.backgroundImage;
    			if(bg){
    				if(bg.match(/.png/i)!=null){
    					var mypng=bg.substring(5,bg.length-2);  //bg格式为url("XXX")
    					document.all[i].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"',sizingMethod='crop')";
    					document.all[i].style.backgroundImage="url('')";
    				}
    			}
    		}
    	}
    }
    
  • 相关阅读:
    060821流水账
    060721流水账
    060421流水账
    [Tips] 更新oh my zsh
    [Tips] updraftplus备份wordpress
    [Tips] SSH免密登陆
    [Notes] 基于阿里云的SSL在容器化wordpress中部署https服务
    [Tips] wordpress添加文章计数
    [Notes] 容器化部署wordpress
    [Notes] pandas 保存hdf5时numpy array遇到的性能warning
  • 原文地址:https://www.cnblogs.com/frostbelt/p/2388726.html
Copyright © 2011-2022 走看看