zoukankan      html  css  js  c++  java
  • PNG透明兼容IE6的几种方法

    方法一:css方式,写一个属性hack,使用滤镜来解决png在ie6下不兼容的问题。

    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’icon_home.png’); /* IE6 */
    _ background-image: none; /* IE6 */

    方法二:js

    <script language=”JavaScript”>
    function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
    {
    var arVersion = navigator.appVersion.split(“MSIE”)
    var version = parseFloat(arVersion[1])
    if ((version >= 5.5) && (document.body.filters))
    {
    for(var j=0; j<document.images.length; j++)
    {
    var img = document.images[j]
    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
    j = j-1
    }
    }
    }
    }
    window.attachEvent(“onload”, correctPNG);
    </script>

    方法三:插件

    <!–[if lte IE 6]>
    <style>.png{behavior:url(“jscss/iepngfix.htc”);}</style> //在这里可以加入其他用到png图片的id或者class
    <script type=”text/javascript” src=”jscss/iepngfix_tilebg.js”></script>
    <![endif]–>

    另外,http://www.cnblogs.com/bky250214511/archive/2010/02/22/1671197.html 有详细介绍。

  • 相关阅读:
    单元化架构 定义问题
    STGW 下一代互联网标准传输协议QUIC大规模运营之路 wentaomao 腾讯技术工程 2021-02-01
    string
    进程管理工具 源码分析
    etcd 鉴权体系架构由控制面和数据面组成。
    HTTP/2 是基于二进制而不是文本
    分布式 ID 解决方案
    减少重复开发,GraphQL在低代码平台如何落地? 原创 随刻信息流团队 爱奇艺技术产品团队 2021-01-29
    设计模式混编:观察者模式+中介者模式
    mysql 语法总结
  • 原文地址:https://www.cnblogs.com/liujiale/p/5265310.html
Copyright © 2011-2022 走看看