软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 实现IE6下png图片透明的完美解决方法

实现IE6下png图片透明的完美解决方法

我们都知道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]-->

    相关阅读
    栏目导航
    推荐软件