zoukankan      html  css  js  c++  java
  • 三种:PNG在IE6下透明 的解决方案

    1、CSS样式法:(将如下样式添加到透明PNG所在的层)

    .divBox{
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='transparent_Image.png');
    _background-image: none;
    }

    使用方法: <div class="divBox"></div>

    2、JS 【指定PNG图片透明】

    function fixPNG(myImage){var arVersion=navigator.appVersion.split("MSIE");var version=parseFloat(arVersion[1]);if((version>=5.5)&&(version<7)&&(document.body.filters)){var imgID=(myImage.id)?"id='"+myImage.id+"' ":"";var imgClass=(myImage.className)?"class='"+myImage.className+"' ":"";var imgTitle=(myImage.title)?"title='"+myImage.title+"' ":"title='"+myImage.alt+"' ";var imgStyle="display:inline-block;"+myImage.style.cssText;var strNewHTML="<span "+imgID+imgClass+imgTitle+" style=\""+myImage.width+"px; height:"+myImage.height+"px;"+imgStyle+";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'"+myImage.src+"\', sizingMethod='scale');\"></span>";myImage.outerHTML=strNewHTML}}

    使用方法: <img src="transparent_Image.pn" onload="fixPNG(this)" />

    3、JS【页面中所有PNG透明】

    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=\""+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}}}

    使用方法: <!--[if lt IE 7]><script defer type="text/javascript" src="pngfix.js"></script><![endif]-->

  • 相关阅读:
    【Oracle】权限
    【Oracle】利用trace文件重建控制文件
    【Oracle】创建概要文件
    【Oracle】创建角色
    【Oracle】创建用户
    【Oracle】glogin.sql脚本模板
    夺命雷公狗---DEDECMS----1dedecms的安装过程
    夺命雷公狗---微信开发63----微信开发总结篇
    夺命雷公狗---微信开发62----所以memcache对access_token进行全局缓存优化
    夺命雷公狗---微信开发61----在线点播电影网2之电影网之个人中心
  • 原文地址:https://www.cnblogs.com/luluping/p/1702582.html
Copyright © 2011-2022 走看看