最近在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 郑州网建,谢谢。