解决IE6下png图片不透明的问题

axiu 撰写于 2010/08/16 | 49 条评论

1[9]IE6是样式设计的时候很多人都深恶痛绝的,除了它的排版难度大,位置飘忽,fixed无视之外,还有一点是让人无法忍受的:不支持透明的png 24(png 8支持,但效果和gif几乎一样)图片。

今天早上起来看到黑压压的各种网站,所以无聊找了一下解决办法。主要通过DD_belatedPNG.js来完成。

使用方法

1.下载DD_belatedPNG.js文件。【点这里下载】

2.找到你需要添加的元素名称,可以是id或者class名称,例如添加到元素class=”pic”,pic有background为png图片的属性。就可以在需要的地方(如header.php文件)加入内容如下:

<!--[if IE 6]>
<script type="text/javascript" src="http://axiu.me/wp-content/themes/Summ/js/DD_belatedPNG.js" ></script>
 
<script type="text/javascript">
DD_belatedPNG.fix('.pic');
</script>
<![endif]-->

3.在IE6下刷新页面,就可以进行预览了。

实际效果及后话

图片演示可以在IE6下看我首页的边栏订阅图标,或者文章缩略图镜面效果。

当然,除此之外,还有很多方法可以解决IE6下png图片的透明问题,这里就不再一一介绍了。

评论:48

  1. 9fun 9fun 10/08/16

    :mrgreen: 你猜我以前怎么弄得。我直接把png透明转换成gif的透明。。。然后再改革后缀名 :cry:

  2. 万戈 万戈 10/08/16

    感觉DD_belatedPNG.js是最好用的解决png透明bug的方法了

  3. Mucid Mucid 10/08/16

    大哥一起来放弃IE吧,一起来BSIE! :mad:

  4. MOPVHS MOPVHS 10/08/16

    耶,阿修你穿越了,我在4月6日的文章《用Javascript解决IE6下PNG不透明的尴尬》介绍的就是这个,而且沙发是你… :!:

    • axiu axiu 10/08/16

      @MOPVHS 昨天晚上1点左右发的,有点迷糊了。呵呵

  5. liheqi168 liheqi168 10/08/16

    今天、、、飘过算了、、、、

  6. mice mice 10/08/16

    :?: 不打算鸟IE6用户了…偷懒…

  7. Bee君 Bee君 10/08/16

    之前看过很多类似的方法

    用js的方法应该是最好的~麻烦的IE6~~我不管了~

  8. QiQiBoY QiQiBoY 10/08/16

    我直接忽视IE6;额。。 :lol: 因为我发现与我在博客交流的都不使用IE6了,那些使用IE6的都是搜索进来的,找到需要的就匆匆离开的,我只保证他们能正常看到文章就行了。。。。

    • axiu axiu 10/08/16

      @QiQiBoY 这也是个想法。不过偶尔用别的电脑,感觉还是不太舒服

  9. forece forece 10/08/16

    我在我主题竟然也发现了这个JS…….

  10. China_Y China_Y 10/08/16

    貌似很久之前使用过的JS做皮

  11. N N 10/08/16

    IE6去死!IE6去死!IE6去死!IE6去死!IE6去死!IE6去死!喊我我继续做针对IE6的东西。。

  12. 学夫子 学夫子 10/08/16

    貌似我在360下的各种图片都有透明效果,倒是其他的谷歌浏览器啥的,有时候没有透明效果

  13. 小邪 小邪 10/08/16

    无视IE,IE去屎 ~ :mad: :mad:

  14. laowi laowi 10/08/16

    路过长知识~

  15. A.shun A.shun 10/08/16

    比较显眼的我用了gif。。。
    杯具
    小的就无视IE了

    • axiu axiu 10/08/16

      @A.shun GIF还是没有PNG表现出色啊,尤其像我首页的镜面那样的东西。IE6永远是问题

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

:razz:

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

引用(关闭):1

pingback from 解决IE6下png图片不透明的问题 « 相对用户体验 2010/09/04