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

解决ie6 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 + "\');\"></span>" 
            img.outerHTML = strNewHTML
            i = i-1       
		}
	}       
}

 

分享到:
评论

相关推荐

    解决ie6下png图片背景问题

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

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

    在早期的Internet Explorer 6(简称IE6)浏览器中,PNG格式的图片存在一个众所周知的问题:它不支持24位PNG图像的透明效果。这个问题给网页设计师带来了许多困扰,因为PNG格式的透明特性在其他现代浏览器中是被广泛...

    IE6 png背景图片透明

    在IT领域,尤其是在网页设计和开发中,"IE6 png背景图片透明"是一个经典的问题,因为Internet Explorer 6(简称IE6)对于PNG格式图像的透明处理与其他现代浏览器存在显著差异。PNG是一种流行的图像格式,支持24位...

    解决IE6下PNG图片背景色不透明问题的方法

    本文将详细介绍如何解决IE6下的PNG图片背景色不透明问题。 首先,理解问题的原因至关重要。IE6不完全支持PNG8和PNG24这两种PNG格式。特别是PNG24,它包含了24位颜色和一个alpha通道,用于实现半透明效果,但IE6只能...

    处理ie6下png格式透明效果

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

    IE6下PNG背景透明的方法

    由于IE6不完全支持PNG8或PNG24的Alpha透明效果,这导致许多设计师在构建网站时遇到困难,尤其是在需要背景透明或者半透明效果时。为了解决这个问题,开发者们开发了一些技巧和解决方案。以下是关于"IE6下PNG背景透明...

    IE6png背景图片透明

    为了解决这个问题,开发者们开发了一些JavaScript解决方案,使得IE6能够支持PNG背景图片的透明显示。 一、PNG格式与透明性 PNG(Portable Network Graphics)是一种无损压缩的图像文件格式,支持透明度和丰富的色彩...

    解决IE6 PNG图片透明问题

    在IE6中,PNG24的Alpha透明通道无法正确显示,导致图片背景不透明或出现黑色背景。这给网页设计带来困扰,尤其是在需要精细透明效果的场合。 为了解决这一问题,我们可以采取以下几种策略: 1. 使用PNG8代替PNG24...

    IE6png透明JS

    在早期的网页设计中,IE6(Internet Explorer 6)浏览器因其对PNG图像格式透明度的支持问题而给开发者带来了困扰。PNG(Portable Network Graphics)是一种常见的图像格式,它支持24位真彩色以及Alpha通道透明度,但...

    完美解决IE6下png透明

    在早期的网页设计中,IE6(Internet Explorer 6)作为主流浏览器,其对PNG(Portable Network Graphics)图像格式的支持存在显著的问题,尤其是对于PNG-24格式的图像,它无法正确显示背景透明或者半透明效果。...

    IE6中觉得PNG格式图片阴影的方法

    总结一下,解决IE6中PNG格式图片阴影问题的关键在于利用iepngfix.htc行为文件。通过在CSS中引入这个文件,并将其应用到需要修复的元素上,我们可以使IE6正确显示带阴影的PNG图片。尽管这种方法在当时是一个有效的...

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

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

    IE6_PNG透明终极解决办法

    PNG格式的图片支持Alpha透明通道,允许半透明效果,但在IE6这个古老的浏览器中,对PNG8和PNG24格式的透明处理并不完善,导致透明效果显示异常。这篇博客可能提供了针对这一问题的解决方案。 在IE6中,PNG透明问题...

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

    PNG格式,尤其是PNG-24,提供了丰富的色彩和透明度支持,但在IE6中,其背景透明特性无法正常工作,这极大地限制了设计师的创意和网站的视觉效果。为了解决这个问题,开发者们提出了多种解决方案,使得在IE6中也能...

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

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

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

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

    解决ie6下png格式的兼容

    标题“解决ie6下png格式的兼容”直指这个问题的核心,即如何让IE6正确地呈现PNG图片的透明效果。这个问题的解决方案通常涉及到JavaScript或CSS的技巧。其中,"DD_belatedPNG.js"是一个常用的JavaScript库,它专门为...

    IE6png图片透明

    这个库通过JavaScript代码来模拟PNG的透明效果,使得PNG-24格式图片在IE6下也能显示透明效果。具体来说,"DD_belatedPNG"库通过添加额外的元素和CSS样式,将PNG图片的透明部分替换为一个背景颜色,然后调整这些元素...

Global site tag (gtag.js) - Google Analytics