`
slikel
  • 浏览: 64629 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

解决IE下PNG图片透明的问题

 
阅读更多
function correctPNG() {
		for(var i=0; i<document.images.length; i++) {
			var img = document.images[i];
			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=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
				+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src='" + img.src + "', sizingMethod='scale');\"></span>";
				img.outerHTML = strNewHTML;
				i = i-1;
			}
		}
	}

 

判断是否是IE6

 

var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
 reIE.test(navigator.userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
 if(fIEVersion<7){
	correctPNG();
}	 

 

分享到:
评论

相关推荐

    解决IE6 PNG图片透明问题

    本文将深入探讨如何解决IE6中的PNG图片透明问题,并提供相应的解决方案。 首先,我们需要理解问题的本质。PNG8格式支持索引色和简单的全局透明,而PNG24则支持真彩色和全透明。在IE6中,PNG24的Alpha透明通道无法...

    完美解决IE6下png透明

    完美解决IE6下png背景、图片透明问题

    ie 下png 透明图片 兼容解决方案

    在互联网的早期,Internet Explorer(简称IE)浏览器在处理PNG(Portable Network Graphics)格式的透明图片时存在一些兼容性问题,特别是在IE6及以下版本。这些版本的浏览器无法正确显示24位PNG图像的Alpha透明效果...

    解决ie6下png图片背景问题

    在IT行业中,尤其是在网页设计和开发领域,"解决ie6下png图片背景问题"是一个经典且重要的主题。Internet Explorer 6(简称IE6)是微软公司早期推出的一款浏览器,由于其对PNG(Portable Network Graphics)图像格式...

    解决IE6.0下png背景透明及连接不能点击

    总结来说,要解决IE6.0下的PNG背景透明和链接点击问题,开发者需要借助特定的JavaScript库(如`ie6-png.js`)和CSS技巧(如`behavior: url(ie6-png.htc)`和`z-index`)。虽然现代浏览器已经不再需要这些技巧,但理解...

    IE6下PNG背景透明的方法

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

    处理ie6下png格式透明效果

    解决IE6中的PNG透明问题,主要有以下几种方法: 1. **CSS滤镜法**:利用CSS的`filter`属性,可以实现IE6对PNG24透明的支持。例如: ```css .pngFix { filter: progid:DXImageTransform.Microsoft....

    完美解决IE6png图片透明

    3,demo-htc通过iepngfix.htc文件实现透明度,同时通过修改html结构得到想要的结果,但存在文档内容顺序的问题。 4,最后,demo-DD,此方法完美解决,不过需要在设置png背景的div上添加class=“png”的类。

    IE6下png透明问题解决的最佳方案.rar

    本文将详细介绍如何解决IE6下的PNG透明问题。 PNG图像格式,特别是PNG-24类型,提供了高质量的图像和阿尔法通道透明度,使得元素可以实现半透明或者部分透明的效果。然而,在IE6中,由于其内核对PNG8(8位色,不...

    IE下png图片无法透明的处理方法

    可能是关于ASP.NET中的GridView控件如何固定表头的教程或代码示例,而"IE下png图片无法透明显示的解决方案"很可能提供了更具体的处理方法,包括代码片段或详细步骤,可以帮助解决这个问题。在实际操作中,可以参考该...

    ie6解决png图片透明问题的插件

    现在很多web开发者都对ie6的png不能透明的问题头疼。这里推荐一个插件,方便大家使用。谢谢。

    ie6下png图片透明解决方案

    以下是一些解决IE6下PNG图片透明问题的方法: 1. **CSS滤镜方法**: IE6提供了一种名为`AlphaImageLoader`的CSS滤镜,可以用来处理PNG透明。通过添加以下CSS代码到你的样式表中,你可以解决这个问题: ```css ....

    ie6中png透明解决方案 js

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

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

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

    IE6下完美解决png图片半透明问题

    总的来说,解决IE6下的PNG半透明问题需要开发者对浏览器兼容性有深入理解,并能灵活运用各种技术手段。虽然随着IE6的市场份额逐渐减少,这个问题的重要性已经不如从前,但在维护旧项目或确保广泛用户群的兼容性时,...

    IE6 png背景图片透明

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

    ie6下png图片透明方法

    总的来说,解决IE6下的PNG透明问题需要对浏览器兼容性有深入理解,并熟练运用各种技术手段,包括滤镜、JavaScript库和CSS hack。尽管现在IE6的使用率已经极低,但这些知识对于理解浏览器兼容性和前端历史仍然很有...

    IE6png图片透明

    在早期的网页设计中,IE6(Internet Explorer 6)浏览器对PNG图片格式的支持存在一些问题,特别是对于PNG-24格式的图片,它无法正确处理半透明效果,导致设计师和开发者面临诸多挑战。"IE6_PNG_position(定位)&...

    js支持ie6 png图片透明

    在早期的Internet Explorer 6...综上所述,解决IE6下的PNG图片透明问题需要结合CSS滤镜、JavaScript库以及适当的布局调整。虽然现在IE6的使用率已经非常低,但在维护旧项目或考虑全球用户时,这些问题仍然值得关注。

    IE下png透明插件

    “解决了图片在下绿色底的烦恼”,这句话进一步强调了这个插件的目标是解决IE浏览器中PNG图片透明度缺失的问题,避免由于透明处理不当导致的不期望的背景颜色,特别是用户经常抱怨的“绿色底”。 “要写父容器”...

Global site tag (gtag.js) - Google Analytics