png在Ie6下透明度处理方法

编程技术  /  houtizong 发布于 3年前   101

由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的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碰到这问题，稍微处理下作个记录。