// 图片透明
function setPng(img, w, h) {
ua = window.navigator.userAgent.toLowerCase();
if (!/msie/.test(ua))
return;
imgStyle = "display:inline-block;" + img.style.cssText;
strNewHTML = "<span style=\"width:" + w + "px; height:" + h + "px;"
+ imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"
+ img.src + "', sizingMethod='scale');\"></span>";
img.outerHTML = strNewHTML;
}
图片添加onload时间,就OK
<img id="s_weather_img" src=""
onload="javascript:setPng(this, 60, 50);" style="display: none;">
获取图片URL地址,需要传递节点对象,解析出图片url地址
function getImg(obj){
var imgPng;
ua = window.navigator.userAgent.toLowerCase();
if(!/msie/.test(ua)){
imgPng=obj.find("img").attr('src');
}else{
var style=obj.find("span").attr('style');
var start=style.indexOf("'");
style=style.substring(start+1);
var end=style.indexOf("'");
imgPng=style.substring(0,end);
}
return imgPng;
}
分享到:
相关推荐
PNG图片在Internet Explorer 6(简称IE6)下的显示问题是一个历史遗留的挑战,由于IE6对PNG格式的不完全支持,导致透明效果和部分渲染出现异常。PNG是一种优秀的无损压缩图像格式,广泛用于网页设计,特别是需要半...
本文将深入探讨这个问题,并提供JavaScript解决方案来实现IE6下PNG图片的透明显示。 首先,我们需要理解为什么IE6不支持PNG透明。PNG-24格式允许半透明和全透明效果,但IE6只支持8位的PNG-8,而这种格式最多只能有...
总之,要解决PNG图片在IE6和Firefox上的透明兼容问题,开发者需要了解PNG格式的透明特性,掌握iepngfix.htc的行为文件使用方法,以及如何在CSS中应用这些技巧,以实现跨浏览器的兼容性。这是一个典型的前端开发中的...
在互联网的早期,Internet Explorer 6 (IE6) 是广泛使用的浏览器之一,但它存在许多兼容性问题,其中就包括PNG图片透明度的问题。PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,它无法...
这段代码会加载指定的PNG图片,并应用透明效果,但需要注意的是,这种方法可能会导致图像尺寸变化和性能问题。 2. **DD_belatedPNG**:这是一个非常著名的JavaScript库,由Dean Edwards开发,专门用于解决IE6下的...
只需引入库并调用相应函数,即可使PNG图片在IE6下变得透明。 3. **CSS Hack**:开发者还可以利用CSS选择器的特定性来为IE6单独设置样式。例如,可以使用`*html`前缀或者`_height`这样的非标准属性,将透明滤镜应用...
在互联网的早期,Internet Explorer 6(简称IE6)是主导浏览器之一,但它存在...在提供的压缩包“32.IE6下png图片透明解决方案”中,可能包含示例代码、教程或更具体的解决步骤,可以帮助进一步理解和应用这些方法。
描述中的“背景”进一步明确了问题的核心,即在网页设计中,PNG图片用作背景时,IE6的透明性问题尤为突出。解决这个问题的关键在于使用特定的CSS滤镜和JavaScript代码。 针对IE6不支持PNG背景透明的问题,通常采用...
然而,通过一些技术手段,我们可以“完美解决IE6下PNG背景、图片透明问题”。 首先,我们需要了解PNG图像格式。PNG是一种无损压缩的位图格式,支持透明度设置,包括完全透明和半透明。对于其他现代浏览器,如Fire...
关于ie6png图片透明的解决方法,只需要调用这三个文件即可
【PNG 图片透明技术在 IE6 中的挑战与解决方案】 PNG(Portable Network Graphics)是一种流行的位图文件格式,尤其在网页设计中广泛使用,因为它能提供高质量的图像、丰富的色彩和透明度支持。然而,IE6(Internet...
标题中的“IE6_PNG透明终极解决办法”指的是在Internet Explorer 6(简称IE6)浏览器中处理PNG图片透明度的问题。PNG格式的图片支持Alpha透明通道,允许半透明效果,但在IE6这个古老的浏览器中,对PNG8和PNG24格式的...
PNG格式允许24位色彩的同时还提供了 Alpha 通道,可以实现半透明效果,但在IE6中,这种透明特性却无法正常显示,导致图片背景呈现出不透明的黑色或白色。以下是对这个问题的详细分析和解决方案: 首先,我们需要...
以上两种方法都可以有效解决IE6下PNG图片透明度的问题,但在实际应用中,考虑到IE6的市场份额逐渐减少,开发者也可能选择仅对现代浏览器提供PNG透明效果,而让IE6用户看到不透明的图片。 这个压缩包中的"ie6中png...
本文将深入探讨一种用于解决此问题的技术方案——通过JavaScript脚本实现PNG图片在IE6中的正确透明显示。 #### IE6与PNG透明性问题 PNG(Portable Network Graphics)是一种常用的图片格式,它不仅支持24位色彩,...
这篇教程将详细介绍如何在IE6下实现PNG图片的透明效果。 首先,我们需要理解IE6对PNG透明的支持问题。IE6只部分支持PNG-8格式,而不支持PNG-24格式的半透明或Alpha透明。PNG-8最多只能有256种颜色,并且不支持Alpha...
`checkerboard.gif`可能是用于模拟透明背景的棋盘格图像,`blank.gif`可能是用于透明效果的占位符,`iepngfix.htc`是上面提到的HTC行为文件,`index.html`是示例网页,`alixixi.png`可能是测试用的PNG图片,`使用...
这篇博文将探讨如何解决这个问题,使PNG图片在IE6中实现背景透明。 首先,我们要理解为什么PNG图片在IE6中会出现透明问题。IE6并不完全支持PNG8和PNG24格式中的Alpha通道,这导致了图片背景无法透明显示。为了解决...
在早期的网页设计中,IE6(Internet Explorer 6)作为一个主流浏览器,因其对PNG(Portable Network Graphics)图像格式的支持不足,导致了开发者们在尝试使用PNG图片时常常遇到背景透明的问题。PNG格式,尤其是PNG-...
在早期的Web开发中,IE6...综上所述,这个压缩包的内容可能是一个完整的解决方案,包括了使PNG图片在IE6下透明的JavaScript代码以及处理HTML5兼容性的脚本,为开发者提供了在旧版IE浏览器中实现现代Web设计所需的支持。