`
iehyou
  • 浏览: 136862 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

png图片透明ie6解决

    博客分类:
  • web
阅读更多
// 图片透明
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图片IE6下面解决最好的方法

    PNG图片在Internet Explorer 6(简称IE6)下的显示问题是一个历史遗留的挑战,由于IE6对PNG格式的不完全支持,导致透明效果和部分渲染出现异常。PNG是一种优秀的无损压缩图像格式,广泛用于网页设计,特别是需要半...

    js_IE6支持png透明解决png_ie6下不透明背景图片

    本文将深入探讨这个问题,并提供JavaScript解决方案来实现IE6下PNG图片的透明显示。 首先,我们需要理解为什么IE6不支持PNG透明。PNG-24格式允许半透明和全透明效果,但IE6只支持8位的PNG-8,而这种格式最多只能有...

    PNG图片透明兼容IE6和火狐示例

    总之,要解决PNG图片在IE6和Firefox上的透明兼容问题,开发者需要了解PNG格式的透明特性,掌握iepngfix.htc的行为文件使用方法,以及如何在CSS中应用这些技巧,以实现跨浏览器的兼容性。这是一个典型的前端开发中的...

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

    在互联网的早期,Internet Explorer 6 (IE6) 是广泛使用的浏览器之一,但它存在许多兼容性问题,其中就包括PNG图片透明度的问题。PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,它无法...

    IE6png透明JS

    这段代码会加载指定的PNG图片,并应用透明效果,但需要注意的是,这种方法可能会导致图像尺寸变化和性能问题。 2. **DD_belatedPNG**:这是一个非常著名的JavaScript库,由Dean Edwards开发,专门用于解决IE6下的...

    IE6 png背景图片透明

    只需引入库并调用相应函数,即可使PNG图片在IE6下变得透明。 3. **CSS Hack**:开发者还可以利用CSS选择器的特定性来为IE6单独设置样式。例如,可以使用`*html`前缀或者`_height`这样的非标准属性,将透明滤镜应用...

    IE6下png图片透明解决方案

    在互联网的早期,Internet Explorer 6(简称IE6)是主导浏览器之一,但它存在...在提供的压缩包“32.IE6下png图片透明解决方案”中,可能包含示例代码、教程或更具体的解决步骤,可以帮助进一步理解和应用这些方法。

    png透明显示IE6

    描述中的“背景”进一步明确了问题的核心,即在网页设计中,PNG图片用作背景时,IE6的透明性问题尤为突出。解决这个问题的关键在于使用特定的CSS滤镜和JavaScript代码。 针对IE6不支持PNG背景透明的问题,通常采用...

    完美解决IE6下png透明

    然而,通过一些技术手段,我们可以“完美解决IE6下PNG背景、图片透明问题”。 首先,我们需要了解PNG图像格式。PNG是一种无损压缩的位图格式,支持透明度设置,包括完全透明和半透明。对于其他现代浏览器,如Fire...

    关于ie6png图片透明的解决方法,只需要调用这三个文件即可

    关于ie6png图片透明的解决方法,只需要调用这三个文件即可

    IE6 PNG图片透明

    【PNG 图片透明技术在 IE6 中的挑战与解决方案】 PNG(Portable Network Graphics)是一种流行的位图文件格式,尤其在网页设计中广泛使用,因为它能提供高质量的图像、丰富的色彩和透明度支持。然而,IE6(Internet...

    IE6_PNG透明终极解决办法

    标题中的“IE6_PNG透明终极解决办法”指的是在Internet Explorer 6(简称IE6)浏览器中处理PNG图片透明度的问题。PNG格式的图片支持Alpha透明通道,允许半透明效果,但在IE6这个古老的浏览器中,对PNG8和PNG24格式的...

    处理ie6下png格式透明效果

    PNG格式允许24位色彩的同时还提供了 Alpha 通道,可以实现半透明效果,但在IE6中,这种透明特性却无法正常显示,导致图片背景呈现出不透明的黑色或白色。以下是对这个问题的详细分析和解决方案: 首先,我们需要...

    ie6中png透明解决方案 js

    以上两种方法都可以有效解决IE6下PNG图片透明度的问题,但在实际应用中,考虑到IE6的市场份额逐渐减少,开发者也可能选择仅对现代浏览器提供PNG透明效果,而让IE6用户看到不透明的图片。 这个压缩包中的"ie6中png...

    png图片在ie6透明代码

    本文将深入探讨一种用于解决此问题的技术方案——通过JavaScript脚本实现PNG图片在IE6中的正确透明显示。 #### IE6与PNG透明性问题 PNG(Portable Network Graphics)是一种常用的图片格式,它不仅支持24位色彩,...

    IE 6 下PNG图片实现透明

    这篇教程将详细介绍如何在IE6下实现PNG图片的透明效果。 首先,我们需要理解IE6对PNG透明的支持问题。IE6只部分支持PNG-8格式,而不支持PNG-24格式的半透明或Alpha透明。PNG-8最多只能有256种颜色,并且不支持Alpha...

    IE6下PNG背景透明的方法

    `checkerboard.gif`可能是用于模拟透明背景的棋盘格图像,`blank.gif`可能是用于透明效果的占位符,`iepngfix.htc`是上面提到的HTC行为文件,`index.html`是示例网页,`alixixi.png`可能是测试用的PNG图片,`使用...

    解决PNG图片在IE6中背景不透明方法

    这篇博文将探讨如何解决这个问题,使PNG图片在IE6中实现背景透明。 首先,我们要理解为什么PNG图片在IE6中会出现透明问题。IE6并不完全支持PNG8和PNG24格式中的Alpha通道,这导致了图片背景无法透明显示。为了解决...

    IE6中 PNG 背景透明的最佳解决方案

    在早期的网页设计中,IE6(Internet Explorer 6)作为一个主流浏览器,因其对PNG(Portable Network Graphics)图像格式的支持不足,导致了开发者们在尝试使用PNG图片时常常遇到背景透明的问题。PNG格式,尤其是PNG-...

    IE6下PNG透明代码

    在早期的Web开发中,IE6...综上所述,这个压缩包的内容可能是一个完整的解决方案,包括了使PNG图片在IE6下透明的JavaScript代码以及处理HTML5兼容性的脚本,为开发者提供了在旧版IE浏览器中实现现代Web设计所需的支持。

Global site tag (gtag.js) - Google Analytics