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

By
WP札记

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文件)加入内容如下:

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

实际效果及后话

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

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

0

Comments: 50

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

    2010年08月16日
    • @9fun 但是渐变的阴影gif表现很差啊

      2010年08月16日
  2. 感觉DD_belatedPNG.js是最好用的解决png透明bug的方法了

    2010年08月16日
  3. 大哥一起来放弃IE吧,一起来BSIE! :mad:

    2010年08月16日
    • @Mucid 早放弃IE了,但是用户还是很多啊!~

      2010年08月16日
    • @阿修 或许我们应该引导他们! :oops:

      2010年08月16日
    • @Mucid 要不,你去裸体游行,我去做条幅?~~ :roll: :roll:

      2010年08月16日
    • @阿修 这个要换过来,我系处男,不能露相 :lol: :lol:

      2010年08月16日
    • @Mucid 总得给处男一个锻炼机会嘛!~战场的时候就会蛋定多了 :twisted:

      2010年08月16日
    • @阿修 呃?那里打仗啊。。
      呃,草鸡邪恶 :mad: :twisted:

      2010年08月16日
    • @Mucid 哎哟,天气不错 :wink:

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

    2010年08月16日
    • @MOPVHS 昨天晚上1点左右发的,有点迷糊了。呵呵

      2010年08月16日
  5. 今天、、、飘过算了、、、、

    2010年08月16日
  6. :?: 不打算鸟IE6用户了…偷懒…

    2010年08月16日
  7. 之前看过很多类似的方法

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

    2010年08月16日
    • @Bee君 是,JS比较方便,而且效果明显

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

    2010年08月16日
    • @QiQiBoY 这也是个想法。不过偶尔用别的电脑,感觉还是不太舒服

      2010年08月16日
  9. 我在我主题竟然也发现了这个JS…….

    2010年08月16日
  10. 貌似很久之前使用过的JS做皮

    2010年08月16日
  11. IE6去死!IE6去死!IE6去死!IE6去死!IE6去死!IE6去死!喊我我继续做针对IE6的东西。。

    2010年08月16日
    • @N 好,下次喊你~~

      2010年08月16日
  12. 貌似我在360下的各种图片都有透明效果,倒是其他的谷歌浏览器啥的,有时候没有透明效果

    2010年08月16日
    • @学夫子 360是IE内核的,看你IE版本了。

      2010年08月16日
  13. 无视IE,IE去屎 ~ :mad: :mad:

    2010年08月16日
  14. 路过长知识~

    2010年08月16日
  15. 比较显眼的我用了gif。。。
    杯具
    小的就无视IE了

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

      2010年08月16日

发表评论

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

*

:razz:

引用(已关闭):1

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