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('')";
    				}
    			}
    		}
    	}
    }
    
  • 相关阅读:
    html笔记3
    html笔记2
    绝望
    HTML中盒子模型
    HTML中visibility:hidden 和 display:none 的区别及实例?
    伪类选择器hover的用法实例
    CSS文本的用法及CSS字体的用法 综合应用
    CSS选择器的分类
    关于CSS的使用方式
    HTML关于表单
  • 原文地址:https://www.cnblogs.com/frostbelt/p/2388726.html
Copyright © 2011-2022 走看看