zoukankan      html  css  js  c++  java
  • IE6下PNG图片不够明的解决方法

    IE6下的PNG图片问题确实很蛋疼。。。用了这个方法以后对应的onclick等等事件就没有效果了,大家可以对这个fixPNG方法改进,而从达到其他的功能。

    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; 
        } 
    } 
    

    在页面中需要用到 PNG 图片的地方,添加

    onload="fixPNG(this)"
    
    

    如:

    <img src="apple.png" alt="PNG" style="border:1px solid #999;" onload="fixPNG(this)" />
    
  • 相关阅读:
    js Worker 线程
    C#接口
    C# 委托
    陆金所面试题
    spark-groupByKey
    spark完整的数据倾斜解决方案
    Spark Streaming
    用SparkSQL构建用户画像
    Spring Cloud底层原理(转载 石杉的架构笔记)
    TCC分布式事务的实现原理(转载 石杉的架构笔记)
  • 原文地址:https://www.cnblogs.com/qianlifeng/p/1784425.html
Copyright © 2011-2022 走看看