我们都知道png是一种无损压缩的计算机图形格式,在表现力上,特别是Web设计方面,它能够达到其他图形格式所达不到的效果。但IE6对于PNG的不透明度支持的并不好。怎么解决呢?经过模索,终于找到了解决方案,如下:
A:处理图片 1.用GIF代替,但周围会有毛刺出现,可以输出时,把杂边颜色取为背景相近的颜色。 2.用PNG8代替PNG32
B:用JS代码解决,如下: 1.在http://carrington.googlecode.com/svn/blog/trunk/js/DD_belatedPNG.js 下载DD_belatedPNG.js文件. 2.在网页中引用,有2种调用函数,一种是ie6png.fix(),如上代码.另一种是fix(), (1).此方法需要应用了透明PNG的CSS选择器.
<!--[if IE 6]> <script type="text/javascript" src="js/DD_belatedPNG.js"></script> <script type="text/javascript"><! /* EXAMPLE */ DD_belatedPNG.fix('.png_bg'); /* 将 .png_bg 改成你应用了透明PNG的CSS选择器,例如我例子中的'.trans'*/ // --> <!--[endif]-->
(2).此方法需要在函数内指出css选择器名.
<!--[if IE 6]> <script type="text/javascript" src="js/DD_belatedPNG.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('img,ul,li'); /*加载css选择器名*/ </script> <![endif]-->
(编辑:ASP站长网)
|