用Javascript解决IE6下PNG不透明的尴尬

Posted by MOPVHS on 2010/04/24 Leave a comment Go to comments

最近接到辅导员发的任务，给我们系做个新的网站。

期间用到了PNG透明图片，而目前IE6用户还是太多~~该死~~~

外事不决问Google…我找到了jquery.pngFix.js这个插件。

用是可以用，但我们用到一个图片轮播，用了该插件后，IE6下点击轮播无法切换图片了。而且这个插件似乎不支持jQuery JavaScript Library v1.4.2…囧了…

再次调出Google,高级选项，时间限定在一周内，关键词为“jquery png”…回车~~~

全是英文么…点开第一个，就看到他说：

** Everyone! Please use Drew Diller’s DD_belatedPNG fix over this one. His solution is far more elegant, and frankly, I use his on a commercial basis anyway. I will however, leave this project open for active users **

我心动鸟…直接跳到Drew Diller同学那里…

折腾了几分钟——耶，成功了…

直接上使用方法：

1.下载“DD_belatedPNG_0.0.8a-min.js”。

2.Html代码：

嗯嗯，就是这样~~~大家试试吧~~~

原创文章，转载请注明： 转载自MOPVHS's Blog

本文链接地址: 用Javascript解决IE6下PNG不透明的尴尬

本文沙发风云人物：

随机日志

博客相关

Leave a comment

15 Comments.

  1. 麦子

    Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

    2010/05/12 @ 6:37 pm on 1

    来过~文章收藏了

    回复
  2. loo2k

    Firefox 3.6.3 Firefox 3.6.3 Windows XP Windows XP

    2010/05/03 @ 9:26 am on 1

    直接用 _filter 吧，用DD_belatedPNG感觉成本有点大。
    为什么这里没评论资料输入框呢\？ :eek:
    囧，在firebug下找了很久，终于把评论框的display:none改过来填进去了。。。。

    回复
  3. Longyin

    Google Chrome 4.1.249.1064 Google Chrome 4.1.249.1064 Windows 7 Windows 7

    2010/04/29 @ 3:11 pm on 1

    嘿嘿

    回复
  4. zwwooooo

    Firefox 3.6.3 Firefox 3.6.3 Windows 7 Windows 7

    2010/04/27 @ 11:15 pm on 1

    半透明的图片还没应用到主题，一般只用了透明，所以用gif顶一下。

    回复
  5. thinknew

    Firefox 3.6 Firefox 3.6 Windows XP Windows XP

    2010/04/25 @ 7:09 pm on 1

    图书馆冲下浪而已~ :mrgreen:

    回复
  6. thinknew

    Firefox 3.6 Firefox 3.6 Windows XP Windows XP

    2010/04/25 @ 7:05 pm on 1

    网站做好了拿出来溜溜哈~

    回复
  7. 王铁手

    TheWorld Browser TheWorld Browser Windows XP Windows XP

    2010/04/25 @ 2:35 pm on 1

    什么防复制啊；完全能复制，只要手速。
    刷新速度慢了点。

    回复
  8. 阿修

    Google Chrome 5.0.366.2 Google Chrome 5.0.366.2 Windows XP Windows XP

    2010/04/25 @ 9:38 am on 1

    不对， 是点击文章主体位置会刷新~~

    回复
  9. 阿修

    Google Chrome 5.0.366.2 Google Chrome 5.0.366.2 Windows XP Windows XP

    2010/04/25 @ 9:37 am on 1

    IE6支持PNG8，而且占用的空间更小。
    你的站点很奇怪，选择文字之后会刷新~~

    回复

Leave a Reply


[ Ctrl + Enter ]