ie6下png透明解决方案 完美支持background position

2010.10.30 / 09:12

相信如何解决png在ie6下透明的问题困扰了很多人。为了追求更好的页面效果,很多人喜欢使用png格式的图片,恰恰因为ie6下png图片的透明问题,很多人不得不退而求其次地改用gif格式的图片。今天就来介绍一个ie6下png透明的解决办法,支持background(含position、repeat)、img src。

  1. DD_belatedPNG简介:

    DD_belatedPNG是一个免费的js库,它的作用是让png格式图片在ie6下透明,支持<IMG>中的src元素;在背景应用上支持css的background-image属性,当然包含最重要的是支持background-position和background-repeat,对于喜欢CSS Spirit的人来说是个好消息。

  2. 实现原理:

    使用Microsoft VML替代AlphaImageLoader滤镜,好处就是支持position和repeat,完美支持实现流行的CSS Spirit(CSS雪碧)。

  3. 使用方法:

    在<header>与</header>之间添加如下代码:

    <!--[if IE 6]>
    <script src="DD_belatedPNG.js"></script>
    <script>
    ??/* EXAMPLE */
    ??DD_belatedPNG.fix('.class, #id');
    </script>
    <![endif]-->
    请将.class和#id改成你的class和id,并支持多个class和id

  4. 下载地址:

    点此下载0.0.8a.js未压缩版

    点此下载DD_belatedPNG 0.0.8a-min.js 压缩版

查看作者页面

你懂的 不多说
  1. 2010.10.30 / 15:02

    记得以前我都是糖果赋予颜色值来实现透明的

  2. 2010.10.31 / 19:56

    IE6要淘汰了吧

  3. 2010.10.31 / 21:20

    @先看看
    我是想让ie6淘汰,可是每天ie6访问量占到近80% 实属无奈啊

  4. 2010.10.31 / 21:49

    呵呵,看来很多人还停留在ie6上。

  5. 2010.10.31 / 22:29

    俺用的是ie8呵呵

  6. 2010.11.02 / 18:13

    不错的主题哦。ie下好多主题惨不忍睹……

  7. 2010.11.08 / 23:05

    这个东西很给力哦

  8. 2010.11.10 / 15:02

    很好的方法,学习了。