解决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. BoKeam
  2. BoKeam 10/08/16

    没IE6,无法测试…

  3. 奶牛
  4. 奶牛 10/08/16

    IE6快点儿退市吧,现在太多问题都是围绕它讨论啦~~~~

  5. 减肥食谱
  6. 减肥食谱 10/08/17

    呵呵,方法收藏了,不过早就放弃了IE6了,只用FF与IE8 :roll: :roll:

  7. 西门
  8. 西门 10/08/17

    确实是个问题,我叫朋友做的渐变透明的图片,都不能用,GIF的什么都显示不出来

  9. hesiway
  10. hesiway 10/08/18

    很需要这个方法~

  11. winw
  12. winw 10/08/18

    呵呵,又开始折腾了吧

  13. 阿七
  14. 阿七 10/08/19

    可恶的IE6 :mad:

  15. zwwooooo
  16. zwwooooo 10/08/21

    直接无视ie6

  17. 绝版黑色
  18. 绝版黑色 10/08/22

    :???: 无视IE6

  19. 沉冰浮水
  20. 沉冰浮水 10/08/28

    我没管这个问题。。囧。。
    ———-
    笑话不需要分类,只需要全文订阅

  21. ipage
  22. ipage 10/09/08

    DD_belatedPNG.js的确是解决ie6透明的最佳方案,之前我也写过文章向人推荐它http://twetw.com/blog/445.html

  23. 超人
  24. 超人 10/09/19

    这个方法不错。。不过IE6我博客完全错位了。。 :cry:

  25. 闲云野鹤
  26. 闲云野鹤 10/09/24

    如果只是一般的话,做成gif的不就可以了嘛….

发表评论

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

*

: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="">

RSS订阅