[PNG]处理透明PNG图片IE6下的CSS显示

分类:Html_Css| 发布:camnprbubuol| 查看: | 发表时间:2010/11/20

最近在div+css工作中,遇到透明的PNG图片在ie6下不能透明显示的情况;相信有不少人遇到过,那怎么解决呢?

方法一:改用ie滤镜,实现透明效果:CSS透明兼容:
2.filter:alpha(opacity=50);       /* IE */
3.-moz-opacity:0.5;              /* Moz + FF */
4.opacity: 0.5;           /* 支持CSS3的浏览器(FF 1.5也支持)*/     但这样局限性,对追求完美的切图人员来说,这不能让他们满意。

方法二:改用flash透明效果,wmode="transparent" ,这样也太麻烦,并不是所有的切图都会flash。

方法三:这个是最近找到的一个最佳解决方法,png图片用fireworks cs5打开,单击“文件”菜单-》“图像预览”,格式选中png8 -》Alpha透明度,然后单击“导出”。

如图:

方法四:在网页中加入一个PNG.js文件,就可以轻松实现透明图片针对ie6的处理。

<!--[if lte IE 6]>
        <script type="text/javascript" src="js/PNG.js"></script>
        <script>
        PNG.fix(’*’);
        </script>
        <![endif]-->

PNG.js下载

本文欢迎讨论,欢迎转载,如转载请注明出处:http://www.camnpr.com 郑州网建,谢谢。

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/archives/90.html

相关文章