由于之前到深圳现场支撑上线,当时为了解决个控件下载,我机器上的IE8老报个错,不得以把ie8卸载掉,换个Ie6,问题解决了,今天出差回来,用ie6登入另一个正在开发的系统,遇到了Png图片的问题,当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的,和FireBug一样,呵呵),这个问题就解决了,但稍微做了下这个问题的处理。
我们知道PNG是图像文件存储格式,查询资料,学名叫:流式网络图形格式(Portable Network Graphic Format,PNG);
开发过程中,我们也知道,很多网页因为Png的较小的失真,透明性,更加在带宽约束的下它的文件大小较小,较多的使用。比起bmp、jpg格式文件,它比较小,比起Gif比较清晰些。
现在系统一般都要求兼容ie6-8,Png透明的处理还是需要的,当然要是系统不作要求,直接升级到ie8就Ok了。
要是一定要在Ie6处理好,分三步:
1。下载unitpngfix.js和clear.gif,拷贝到工程相应目录;
2。打开unitpngfix.js,把里面的var clear="/images/clear.gif"; 改为工程图片路径;
3。页面中需要的时候引入:
<!--[if lt IE 7]> <script type="text/javascript" src="/unitpngfix.js"></script> <![endif]-->
较好解决这个问题
呵呵,其实自己对于浏览器的兼容处理,特别是一些css有效属性的处理,并不熟练,很多时候都要请教网页设计师或者网络资源。
今天刚好由于之前把Ie8换到ie6碰到这问题,稍微处理下作个记录。
分享到:
相关推荐
标题“IE6 PNG 透明处理方法”涉及到的是一个在网页设计中常见的问题,尤其是在与旧版Internet Explorer(尤其是IE6)兼容性相关的上下文中。在IE6中,PNG图像格式的透明度支持并不完善,导致许多设计师在创建具有半...
总的来说,"png在ie6下半透明js修正"这个主题涉及到了前端开发中的浏览器兼容性问题,尤其是如何通过JavaScript和CSS滤镜技术来解决IE6对PNG半透明支持的不足。理解并掌握这种方法对于进行跨浏览器的Web开发是非常...
由于IE6不完全支持PNG8或PNG24的Alpha透明效果,这导致许多设计师在构建网站时遇到困难,尤其是在需要背景透明或者半透明效果时。为了解决这个问题,开发者们开发了一些技巧和解决方案。以下是关于"IE6下PNG背景透明...
在早期的网页设计中,IE6(Internet Explorer 6)浏览器因其对PNG图像格式透明度的支持不足而引发了许多问题。PNG是一种优秀的图像格式,尤其适用于需要半透明效果的设计,但IE6只支持8位的PNG图像,而不支持带有...
然而,在早期版本的Internet Explorer(尤其是IE5.5到IE7)中,PNG的透明度处理存在一些问题,导致图像显示不正常。这个问题通常被称为“PNG透明度问题”。 PNG图像有三种透明类型:完全透明(Alpha通道)、索引...
在IE6中,PNG的Alpha透明(半透明效果)并不能完美地呈现,导致图像显示不正常。这个问题在后续的IE7和IE8中得到了部分改善,但仍然需要特别处理来确保在这些旧版浏览器中的兼容性。 首先,我们需要了解PNG图像的...
在早期的网页设计中,IE6(Internet Explorer 6)浏览器因其对PNG图像格式透明度的支持问题而给开发者带来了困扰。PNG(Portable Network Graphics)是一种常见的图像格式,它支持24位真彩色以及Alpha通道透明度,但...
PNG格式允许24位色彩的同时还提供了 Alpha 通道,可以实现半透明效果,但在IE6中,这种透明特性却无法正常显示,导致图片背景呈现出不透明的黑色或白色。以下是对这个问题的详细分析和解决方案: 首先,我们需要...
在早期的互联网时代,Internet Explorer 6 (IE6) 是主导浏览器之一,但它存在很多问题,其中之一就是对PNG(Portable Network Graphics)图像格式的透明度支持不足。PNG是一种流行的图像格式,尤其适用于需要透明...
PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,它无法正确显示带有alpha透明通道的PNG-24图像,导致图片出现半透明部分变成全黑或者背景颜色无法透过,这被称为“PNG透明问题”。...
本文将深入探讨这个问题,并提供JavaScript解决方案来实现IE6下PNG图片的透明显示。 首先,我们需要理解为什么IE6不支持PNG透明。PNG-24格式允许半透明和全透明效果,但IE6只支持8位的PNG-8,而这种格式最多只能有...
PNG是一种先进的位图格式,提供了24位颜色和透明度支持,但在IE6中,PNG-24格式的透明效果会呈现为灰色背景,这给网页设计带来了困扰。以下是对这个问题的深入探讨和解决方案。 首先,理解问题的根源:IE6对PNG-24...
在早期的Web开发中,IE6(Internet Explorer 6)是一个让开发者头疼的浏览器,尤其在处理PNG(Portable Network Graphics)格式图片时,其对PNG8和PNG24的透明支持并不完善。PNG是一种无损压缩的图像格式,支持透明...
在早期的网页设计中,IE6(Internet Explorer 6)作为主流浏览器,其对PNG(Portable Network Graphics)图像格式的支持存在显著的问题,尤其是对于PNG-24格式的图像,它无法正确显示背景透明或者半透明效果。这在...
在互联网的早期,Internet Explorer 6 (IE6) 是最常用的浏览器之一,但它对PNG(Portable Network Graphics)图像格式的支持存在一些显著问题,尤其是对于PNG的半透明效果。PNG是一种支持24位颜色和透明度的高质量...
内含插件及使用说明 ie(IE)png半透明插件使用微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性。
这个滤镜允许IE6处理PNG图片的透明度。在CSS中,可以这样设置: ```css img.ie6png { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale'); /* 兼容其他浏览器 ...
PNG(Portable Network Graphics)格式支持透明度,使得设计师可以创建半透明或有背景色透明的图像,但在旧版本的IE浏览器中,PNG-24格式的图片透明效果往往无法正常显示。 PNG-8格式只支持256色,并且可以实现简单...
然而,Internet Explorer 6(简称IE6)对PNG格式的支持并不完善,尤其是在处理PNG的Alpha透明效果时存在局限性。这篇教程将详细介绍如何在IE6下实现PNG图片的透明效果。 首先,我们需要理解IE6对PNG透明的支持问题...
而PNG24则提供全彩图像,同时支持Alpha透明,即半透明效果,但IE6在处理这种透明度时会出现问题,通常表现为背景色泄漏或图片显示不全。 为了解决IE6下的PNG透明图片问题,开发者们提出了几种解决方案: 1. **CSS...