css ie6 png透明背景之js解决方案
2012-02-23 17:36
489 查看
IE6不支持png透明背景
解决方式:
给window.onload添加以下两个函数:
解决方式:
给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=\""+"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; } } } 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('')"; } } } } }
相关文章推荐
- css ie6 png透明背景之js解决方案
- 解决IE6下PNG图片背景不透明的三种方法(CSS/JS/JQuery)
- HTML+CSS----IE6下背景透明实现-css/js--png图片
- 解决PNG图片在IE6中背景不透明的CSS与JS代码
- 解决PNG图片在IE6中背景不透明的CSS与JS的代码
- 转的:PNG在IE6下透明的css解决方案
- 不用JS照样使IE6支持PNG 24位背景图支持透明背景且链接不会失去焦点
- IE6支持透明PNG图片解决方案:DD_belatedPNG.js
- IE6中对于插入的透明背景的.png的图片有灰色背景的解决方案
- 分享JS实现IE6 PNG完全透明(包括背景图片)
- js+css 使div背景图在ie6中透明
- IE6中 PNG 背景透明的最佳解决方案
- IE6中PNG图片背景无法透明显示的最佳解决方案
- 【转】CSS解决IE6下PNG图片背景不透明的问题
- IE6中 PNG 背景透明的最佳解决方案
- CSS ie6 png透明解决方案
- 兼容IE6和Firefox的PNG背景透明CSS…
- 有关ie6下PNG图片背景不透明的一个js的解决办法
- IE6中 PNG 背景透明的最佳解决方案
- 兼容IE6和Firefox的PNG背景透明CSS代码