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”是针对IE6浏览器PNG透明问题的一种技术解决方案,它利用JavaScript库和CSS滤镜来模拟或修复透明效果。随着浏览器更新换代,这个问题逐渐被解决,但对于仍然需要支持IE6的开发者来说,这些...
"超好用的IE6png透明JS"是一个专门解决这一问题的JavaScript库。这个库通过JavaScript代码来模拟PNG透明效果,使得在IE6浏览器中可以正确显示具有透明通道的PNG图片,从而提升了用户体验。虽然现在IE6的使用率已经...
### IE6 PNG透明解决方案 #### 一、背景介绍 在早期的Web开发中,Internet Explorer 6(简称IE6)由于其对CSS和图像格式的支持有限,成为了许多开发者头疼的问题之一。尤其是在处理PNG图像的透明效果时,IE6的表现...
这个库通过JavaScript代码来模拟对PNG透明的支持,从而使得在IE6中可以正确显示带有透明效果的PNG图片。文件“DD_belatedPNG_0.0.8a.js”就是这个库的一个版本,它可以通过引入到HTML页面中,来为IE6提供透明PNG的...
以上就是关于“IE 6 PNG透明通道”的知识点,包括问题的起因、解决方法以及可能涉及的文件类型和用途。在实际应用中,为了确保所有用户都能看到一致的网页效果,开发者通常需要结合这些技术来兼容旧版浏览器,尤其是...
<script type="text/javascript" src="images/iepngfix_tilebg.js"> img, div, input { behavior: url("images/iepngfix.htc") } 在页面中head部分加上如上代码,<!--[if lt IE 7]>是为了让IE6以下浏览器执行...
`Supersleight`是一种JavaScript解决方案,它专门用于解决IE6下的PNG透明问题。Supersleight通过动态修改CSS样式和利用特定的滤镜技术,使得IE6能够正确地显示PNG-24图像的透明效果,从而使得网站在IE6下也能保持...
为了解决这个问题,开发者们创建了专门的JavaScript插件来实现IE6下的PNG透明效果。 本资源提供的就是一个针对IE6 PNG透明问题的JavaScript插件,它允许在IE6浏览器中正确显示具有Alpha透明通道的PNG图像。这个插件...
我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e-xpression, 再到javascript透明GIF替代.但是这些方法都有一个...
### 解决IE6 PNG透明问题的方法 在网页设计与开发领域中,Internet Explorer 6(简称 IE6)因其对部分CSS特性和图像处理的支持不足而成为不少开发者头疼的问题之一,尤其是PNG透明效果的支持。本文将详细介绍两种...
虽然iepngfix.htc在某些情况下可以部分解决PNG透明问题,但确实存在一些局限性,比如无法平铺、定位困难,以及在添加了超链接的PNG图像上,点击区域可能无法正常工作。 DD_belatedPNG的优势在于,它不仅解决了iepng...
如果图片的透明部分正确显示,那么iepngfix就已经成功地解决了IE6的PNG透明问题。 虽然iepngfix在当时是一个非常有用的解决方案,但随着IE6的逐渐淘汰以及现代浏览器的普及,开发者现在更多地转向了对现代浏览器...
IE6特有的CSS滤镜属性可以用来解决PNG透明度问题。通过在CSS样式表中为PNG图片添加`filter`属性,可以实现透明度兼容。例如: ```css .ie6png { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=...
这是因为IE6使用了名为"AlphaImageLoader"的滤镜来尝试处理PNG透明,但效果并不理想。而PNG-8仅支持256色且有简单的索引透明,对于需要丰富色彩和半透明效果的设计来说,往往不够用。 针对这个问题,开发者们提出了...
一般的JS代码只支持PNG图片的普通属性,但使用A:HOVER的时候背景透明就失效了。下面是支持A:HOVER的方式,IE6PNG透明支持a:hover源码,注意:使用此方法不能和其他PNG的JS一起使用
解决这个问题的一种常见方法是使用"IE7.js",这是一个由Dean Edwards编写的JavaScript库,它旨在让IE6模拟部分IE7的渲染行为,包括对PNG透明的支持。通过在页面中引入IE7.js文件,可以使得IE6能够正确地处理PNG的...
然而,IE6的PNG透明问题限制了其在网页设计中的广泛应用。为了解决这一问题,开发者们提出了一些解决方案,其中一种便是使用"unitpngfix.js"这个JavaScript库。 unitpngfix.js是一个专门针对IE6浏览器的JavaScript...
下面我们将详细探讨这个插件以及如何利用它来处理IE6中的PNG透明背景。 一、jQuery和Supersleight简介 jQuery是一个流行的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。它使得开发者可以更高效地...
PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,它无法正确显示带有alpha透明通道的PNG-24图像,导致图片出现半透明部分变成全黑或者背景颜色无法透过,这被称为“PNG透明问题”。...
总的来说,"IE6png透明通用代码"是一套针对IE6浏览器的解决方案,它利用JavaScript和CSS技巧解决了PNG透明度问题,使得在不支持PNG透明的浏览器中,网站仍然能够呈现出设计师期望的视觉效果。虽然现在IE6的使用率...