• 您好!欢迎来到xuan的博客

JS特效代码大全(一)IE6下PNG图片透明效果的JS特效代码

(2009-06-23 14:00)

       从事网页设计工作已经很多年了,每遇到一个难题的时候都会把大量的时间浪费在寻找JS(java script)特效代码上,所以每次懒人萱都会把每个难题的JS特效代码保存下来,方便以后再使用。现在懒人萱将这些年积累的各个JS特效代码共享出来,希望能给大家节省些时间,如果有问题也可以留言讨论。这次懒人萱要共享的JS特效代码是IE6下PNG图片透明效果的JS特效代码。
       当时懒人萱在寻找PNG图片透明效果的JS特效代码的时候,发现大部分的效果只能实现在IE6下PNG图片变成透明,而当把PNG图片作为背景时,这个效果就不起作用了。接下来我要共享的JS特效代码就可以实现这个效果。
       这个IE6下PNG图片透明效果的JS特效代码使用了behavior技术,代码看不懂也没有关系,我们只要会使用即可。

      当然这个JS特效代码只是核心代码,全部的代码请点击文章底部的下载链接下载IE6下PNG图片透明效果,下面来告诉你如何使用,使用办法可以简化为以下三步:
       • 第一步:拷贝“iepngfix.htc”和“blank.gif”文件到你的项目中 
       • 第二步:通过适当的选择器,让需要在IE6透明的PNG图片或者需要背景图片透明的容器使用上“behavior: url("iepngfix.htc");” 
       • 第三步:如果你需要容器的背景png图片有透明效果,你还需要在页面中引入iepngfix_tilebg.js脚本(当然,如果你不要使用容器的透明png背景图片效果,也可以不引入此js文件)
       当然,整个解决方案也有缺点——需要多引用1-2个文件(iepngfix.htc和iepngfix_tilebg.js文件)。我在项目中引用过这两个文件,发现打开速度慢了许多,可能也和这个项目的代码或其他软硬件有关,但去掉iepngfix_tilebg.js文件后就没多大影响,所以,如果不是必要尽量不要引用这个文件,根据自己的要求而定。
       不知道懒人萱共享的IE6下PNG图片透明效果的JS特效代码对你有没有帮助呢?如果有疑问或者建议可以给懒人萱留言,我会尽量回复。希望大家的关注。

  下一篇:JS特效代码大全(二)能记录cookie的顶部自动伸缩广告

您可能会对以下文章感兴趣:
阅读:1964
评论

这个还没有找到更好的解决方案。不过有些网站的做法是做个PNG格式的图片后,再做个GIF格式的,IE6显示gif,其他浏览器显示PNG,可能图片会有毛边,但也算是折中的解决方法了。

2009-10-21 11:16:54
游客
但是要做png图片的样式,所以一定要用到iepngfix_tilebg.js ,网页打开就慢了好多好多,可有方法解决呢? 2009-10-21 10:55:22
1
发表评论

博主简介
  • xuan
  • 博客积分:0分
  • 博客访问:16501次
  • 来自:
我要留言
公告

评论

访客

链接