实现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]-->

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!