`

ie6png透明

阅读更多

var arVersion = navigator.appVersion.split("MSIE")

var version = parseFloat(arVersion[1])

function fixPNG(myImage)

{

    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=\"" + "width:" + myImage.width

                  + "px; height:" + myImage.height

                  + "px;" + imgStyle + ";"

                  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"

                  + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"

    myImage.outerHTML = strNewHTML  

    }

}

使用方法 :

在模板的<HEAD> 段里加上

<script language="JavaScript" type="text/javascript" src="pngfix.js"></script>

[注意你的路径]

在要透明的png 的地方格式为:

<img src="xyz.png" alt="foo" width="10" height="20" onload="fixPNG(this)">

注意, 你的图片的高与宽是不能去掉的! 就是多了 onload="fixpng(this)" 而已

分享到:
评论

相关推荐

    IE6png透明JS

    总的来说,“IE6png透明JS”是针对IE6浏览器PNG透明问题的一种技术解决方案,它利用JavaScript库和CSS滤镜来模拟或修复透明效果。随着浏览器更新换代,这个问题逐渐被解决,但对于仍然需要支持IE6的开发者来说,这些...

    超好用的IE6png透明JS

    "超好用的IE6png透明JS"是一个专门解决这一问题的JavaScript库。这个库通过JavaScript代码来模拟PNG透明效果,使得在IE6浏览器中可以正确显示具有透明通道的PNG图片,从而提升了用户体验。虽然现在IE6的使用率已经...

    IE6 png透明

    ### IE6 PNG透明解决方案 #### 一、背景介绍 在早期的Web开发中,Internet Explorer 6(简称IE6)由于其对CSS和图像格式的支持有限,成为了许多开发者头疼的问题之一。尤其是在处理PNG图像的透明效果时,IE6的表现...

    IE6 PNG 透明处理方法

    这个库通过JavaScript代码来模拟对PNG透明的支持,从而使得在IE6中可以正确显示带有透明效果的PNG图片。文件“DD_belatedPNG_0.0.8a.js”就是这个库的一个版本,它可以通过引入到HTML页面中,来为IE6提供透明PNG的...

    IE 6 PNG透明通道

    以上就是关于“IE 6 PNG透明通道”的知识点,包括问题的起因、解决方法以及可能涉及的文件类型和用途。在实际应用中,为了确保所有用户都能看到一致的网页效果,开发者通常需要结合这些技术来兼容旧版浏览器,尤其是...

    ie6 png 透明的解决方法

    &lt;script type="text/javascript" src="images/iepngfix_tilebg.js"&gt; img, div, input { behavior: url("images/iepngfix.htc") } 在页面中head部分加上如上代码,&lt;!--[if lt IE 7]&gt;是为了让IE6以下浏览器执行...

    IE6 png 透明supersleight

    `Supersleight`是一种JavaScript解决方案,它专门用于解决IE6下的PNG透明问题。Supersleight通过动态修改CSS样式和利用特定的滤镜技术,使得IE6能够正确地显示PNG-24图像的透明效果,从而使得网站在IE6下也能保持...

    解决ie6png透明的js插件

    为了解决这个问题,开发者们创建了专门的JavaScript插件来实现IE6下的PNG透明效果。 本资源提供的就是一个针对IE6 PNG透明问题的JavaScript插件,它允许在IE6浏览器中正确显示具有Alpha透明通道的PNG图像。这个插件...

    IE6 PNG 透明

    我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e-xpression, 再到javascript透明GIF替代.但是这些方法都有一个...

    解决ie6 PNG透明问题——两种方法都好用哦

    ### 解决IE6 PNG透明问题的方法 在网页设计与开发领域中,Internet Explorer 6(简称 IE6)因其对部分CSS特性和图像处理的支持不足而成为不少开发者头疼的问题之一,尤其是PNG透明效果的支持。本文将详细介绍两种...

    IE6完美解决PNG背景透明

    虽然iepngfix.htc在某些情况下可以部分解决PNG透明问题,但确实存在一些局限性,比如无法平铺、定位困难,以及在添加了超链接的PNG图像上,点击区域可能无法正常工作。 DD_belatedPNG的优势在于,它不仅解决了iepng...

    ie6 png 透明实现方法

    如果图片的透明部分正确显示,那么iepngfix就已经成功地解决了IE6的PNG透明问题。 虽然iepngfix在当时是一个非常有用的解决方案,但随着IE6的逐渐淘汰以及现代浏览器的普及,开发者现在更多地转向了对现代浏览器...

    ie6 png 透明度 解决方法

    IE6特有的CSS滤镜属性可以用来解决PNG透明度问题。通过在CSS样式表中为PNG图片添加`filter`属性,可以实现透明度兼容。例如: ```css .ie6png { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=...

    ie6png透明解决

    这是因为IE6使用了名为"AlphaImageLoader"的滤镜来尝试处理PNG透明,但效果并不理想。而PNG-8仅支持256色且有简单的索引透明,对于需要丰富色彩和半透明效果的设计来说,往往不够用。 针对这个问题,开发者们提出了...

    IE6PNG透明支持a:hover源码

    一般的JS代码只支持PNG图片的普通属性,但使用A:HOVER的时候背景透明就失效了。下面是支持A:HOVER的方式,IE6PNG透明支持a:hover源码,注意:使用此方法不能和其他PNG的JS一起使用

    IE6PNG透明背景显示灰色--解决方法(IE7.js)

    解决这个问题的一种常见方法是使用"IE7.js",这是一个由Dean Edwards编写的JavaScript库,它旨在让IE6模拟部分IE7的渲染行为,包括对PNG透明的支持。通过在页面中引入IE7.js文件,可以使得IE6能够正确地处理PNG的...

    IE6PNG透明背景显示灰色--解决方法(unitpngfix.js)

    然而,IE6的PNG透明问题限制了其在网页设计中的广泛应用。为了解决这一问题,开发者们提出了一些解决方案,其中一种便是使用"unitpngfix.js"这个JavaScript库。 unitpngfix.js是一个专门针对IE6浏览器的JavaScript...

    [jQuery] 解決 IE6 PNG 透明背景 (Supersleight jQuery Plugin for Transparent PNGs in IE6)

    下面我们将详细探讨这个插件以及如何利用它来处理IE6中的PNG透明背景。 一、jQuery和Supersleight简介 jQuery是一个流行的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。它使得开发者可以更高效地...

    处理IE6浏览器显示.png图片透明度文件

    PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,它无法正确显示带有alpha透明通道的PNG-24图像,导致图片出现半透明部分变成全黑或者背景颜色无法透过,这被称为“PNG透明问题”。...

    IEpng透明通用代码

    总的来说,"IE6png透明通用代码"是一套针对IE6浏览器的解决方案,它利用JavaScript和CSS技巧解决了PNG透明度问题,使得在不支持PNG透明的浏览器中,网站仍然能够呈现出设计师期望的视觉效果。虽然现在IE6的使用率...

Global site tag (gtag.js) - Google Analytics