png在Ie6下透明度处理方法
由于之前到深圳现场支撑上线,当时为了解决个控件下载,我机器上的IE8老报个错,不得以把ie8卸载掉,换个Ie6,问题解决了,今天出差回来,用ie6登入另一个正在开发的系统,遇到了Png图片的问题,当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的,和FireBug一样,呵呵),这个问题就解决了,但稍微做了下这个问题的处理。
我们知道PNG是图像文件存储格式,查询资料,学名叫:流式网络图形格式(PortableNetworkGraphicFormat,PNG);
开发过程中,我们也知道,很多网页因为Png的较小的失真,透明性,更加在带宽约束的下它的文件大小较小,较多的使用。比起bmp、jpg格式文件,它比较小,比起Gif比较清晰些。
现在系统一般都要求兼容ie6-8,Png透明的处理还是需要的,当然要是系统不作要求,直接升级到ie8就Ok了。
要是一定要在Ie6处理好,分三步:
1。下载unitpngfix.js和clear.gif,拷贝到工程相应目录;
2。打开unitpngfix.js,把里面的varclear="/images/clear.gif";改为工程图片路径;
3。页面中需要的时候引入:
<!--[if lt IE 7]> <script type="text/javascript" src="/unitpngfix.js"></script> <![endif]-->
较好解决这个问题
呵呵,其实自己对于浏览器的兼容处理,特别是一些css有效属性的处理,并不熟练,很多时候都要请教网页设计师或者网络资源。
今天刚好由于之前把Ie8换到ie6碰到这问题,稍微处理下作个记录。