透明PNG在IE6下的官方解决方案

做Web开发的朋友一定都知道PNG是一个相当不错的图片格式,但是这个好的格式却在IE6时代造成了麻烦,IE6会使透明的PNG的透明部分出现#DBEAED的色彩。透明不了。使得在FF下开发表现很好的界面换成IE浏览就惨不忍睹,又逼着换成GIF,而GIF的假透明在变换背景时造成毛边现象。

 刚去了www.gowindowslive.com去生成一个WLM的联系方式图标,结果发现的官方的解决方案。;)

核心函数贴出来供分析

打包打包提供下载测试


26 Responses to “透明PNG在IE6下的官方解决方案”

  1. awflasher Says:

    在有些“standalone IE6”下面,似乎不好用。
    而且,对于定义在CSS里面的背景PNG,似乎也不能这么处理吧?

  2. cbm Says:

    这个解决方案有局限性,img标签可以处理一下。css的就不是同一层面了。

  3. aaa Says:

    背景一样适用

  4. aileen Says:

    png能显示的颜色要比gif丰富得多,这个办法太有效了。
    实现了。感谢楼主!!!

  5. 笨小妹 Says:

    這個方法超棒的~~
    不過背景怎麼試都不成功耶!!?
    請問大師該怎麼樣才會適用呢?

  6. VF Says:

    我想说这个方法,在ie6依然不行,请问是怎样一回事

  7. cbm Says:

    直接运行网页就可以看到效果。

  8. Eric Says:

    我暂时用的方法.直接在CSS中重写下IMG

    IMG {
    azimuth:expression(
    this.pngSet?this.pngSet=true:(this.nodeName == “IMG” && this.src.toLowerCase().indexOf(‘.png’)>-1?(this.runtimeStyle.backgroundImage = “none”,
    this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’” + this.src + “‘, sizingMethod=’image’)”,
    this.src = “gifmask.gif”):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace(‘url(“‘,”).replace(‘”)’,”),
    this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’” + this.origBg + “‘, sizingMethod=’crop’)”,
    this.runtimeStyle.backgroundImage = “none”)),this.pngSet=true);
    }

  9. 壮壮 Says:

    好方法,谢谢!

  10. 周裕波 Says:

    此方法不妥!

  11. Felix Says:

    好使!!!

  12. yeyushu Says:

    很奇怪的是我在本地测试没问题 但是上传到服务器上就出问题了。

  13. uukn Says:

    方法不妥谁都会说。你既然说了为什么不拿出来一个好的解决方案呢?不要光说大话,要有实际行动才行,不然你只能让人讨厌!

  14. cbm Says:

    万恶的IE6让人折腾.

  15. Ton.Y Says:

    如果想在背景PNG里使用改怎么修改?

  16. 华晨 Says:

    还是没看懂怎么做到的。

  17. cbm Says:

    无视IE6吧.支持了这么久,够给面子了.

  18. fie Says:

    10年了。要继续用的话就不提出新需求。一个更新的东西怎么提供新功能? 不懂技术的人是不知道什么ie6,7,8的。懂点技术的人情不要一厢情愿地认为大家还用ie6.他们还用是因为他们不知道。我觉得懂点技术的人应该推广最新的浏览器给不懂的人。而不是去兼容ie6。现在不是用户偏爱ie6而是他们根本不知道什么是ie什么是浏览器。

  19. cbm Says:

    现在是可以开始放弃了。

  20. shiny Says:

    一般我img里使用24位png,用此法解决问题;背景一般用8位png;实在不行的优雅降级处理,放弃对IE6的支持。

  21. cbm Says:

    是可以放弃ie6了。放了十年的牛奶。

  22. help Says:

    我下载你的测试包,原封不动,改一下大背景颜色,还是无法显示透明效果,求救ING。。

    QQ:271127886

  23. cbm Says:

    这个我不好回答,首先保证测试包在你那里是Ok的。

  24. 阿蒙 Says:

    没成功的试试这个解决方案吧
    http://unitinteractive.com/labs/unitpngfix.php

  25. Birdie Says:

    很奇怪说什么放弃不放弃的。谁放弃?说服广大网民去放弃?还是放弃用IE6的网民?新浏览器是要推广,但是网站的开发者一定要全面考虑。用户看到你的网站的时候,专注的是网站的内容,一味地要求人家去升级才能正常浏览,容易引起排斥心理。
    网页能对浏览器最大兼容才是王道!IE6的市场还是很大的,必须考虑。

  26. huarong Says:

    考虑你妹!

    抵制IE6的网站越多, 才会促进社会的进步。

Leave a Reply