懒人萱在这里保证发的文章都是高质量的经过测试的JS代码,而且IE6、IE7和火狐都兼容的,希望大家多多关注我的帖子,我会把我的经验都共享出来哦!
  懒人萱在寻找PNG图片透明效果的JS特效代码的时候,发现大部分的效果只能实现在IE6下PNG图片变成透明,而当把PNG图片作为背景时,这个效果就不起作用了。接下来我要共享的JS特效代码就可以实现这个效果。

点击下载http://www.po-soft懒人萱.com/blog/xuan/145.html (去掉懒人萱就可以了)

  使用办法可以简化为以下三步:
    • 第一步:拷贝“iepngfix.htc”和png格式的图片文件到你的项目中
    • 第二步:通过适当的选择器,让需要在IE6透明的PNG图片或者需要背景图片透明的容器使用上“behavior: url("iepngfix.htc");”
    • 第三步:如果你需要容器的背景png图片有透明效果,你还需要在页面中引入iepngfix_tilebg.js脚本(当然,如果你不要使用容器的透明png背景图片效果,也可以不引入此js文件)

  当然,整个解决方案也有缺点——需要多引用1-2个文件(iepngfix.htc和iepngfix_tilebg.js文件)。我在项目中引用过这两个文件,发现打开速度慢了许多,可能也和这个项目的代码或其他软硬件有关,但去掉iepngfix_tilebg.js文件后就没多大影响,所以,如果不是必要尽量不要引用这个文件,根据自己的要求而定。

转载于:https://www.cnblogs.com/posoft/archive/2009/08/27/1554809.html

IE6下PNG图片透明效果(PNG图片做背景也可以)相关推荐

  1. php响应鼠标,jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】

    本文实例讲述了jQuery实现响应鼠标事件的图片透明效果.分享给大家供大家参考,具体如下: 实现的思想: 1.当鼠标放在图片上面的时候触发mouseover mouseenter两个事件(图片变得透明 ...

  2. java image 透明_Java实现图片透明效果

    Java实现图片透明效果,从演示截图可看到,上层图片与下层图片互相重叠,也就是上层图片透明了,看到了下层以的图片,具体的代码实现: public class HalfTransparentImageD ...

  3. 在ie6下实现position-fixed的效果--------续集---对联效果(02)

    在ie6下实现position-fixed的效果,这回是实现的对联效果,没有JS在里面的对联效果,但是没有JS的动感. 这个的原理是和<在ie6下实现position-fixed的效果>的 ...

  4. IE6不支持PNG图片透明效果的完美解决方案(完善版)

    可怜的IE6,不支持PNG图片透明, 这已经是其众多"BUG"中,不是那么显眼的一个, 但也是让部分人头痛的一个了. (今天在机房那破机器上IE6忘了抓图了,现在想给大家看效果也难 ...

  5. ie6 下最佳 PNG透明方案【转】

    "咳! 哎!-.. " 你听见了么? 这些都是大家抱怨IE6下不能实现png图片漂亮的明效果的哀叫声,的确是无奈呀-.. 不过现在幸运的是,我们能够让这一切的抱怨都停止. 网络上解 ...

  6. github unity 图片切换效果_CSS3图片模糊切换效果

    今天我们来分享一款利用CSS3技术让图片模糊的效果,我们只需要将鼠标滑过图片,就可以让图片产生模糊的特效,利用CSS3实现图片模糊效果也非常简单,用CSS3中的filter属性即可,针对不同浏览器用- ...

  7. 写网页的那些小总结——背景图片透明,背景图片铺满页面

    1.使用opacity属性会让背景图片和盒子中的文字内容都透明,如果想要背景图片透明,文字内容不透明,就可以使用以下代码: 某例子: background: rgba(255,255,255,0.6) ...

  8. php网页如何做出透明的效果,css+filter实现简单的图片透明效果

    完成简单的透明度控制功能 使用filter的功能对图片元素进行透明度控制. 支持IE8,Chrome浏览器. 复制代码代码如下: /*透明20%*/ .opacity-20 { filter:alph ...

  9. Android图片背景朦胧效果,android 图片的模糊化处理,效果类似超级课程表的“我的中心里头像背景,看起来很炫...

    在很多APP里,个人中心是必不可少的,这样就少不了点击头像换头像,设置专属于自己的头像,设置自己的头像后,将自己的头像设为背景,然后模糊化处理成背景图片,这样的效果看起来很炫. 1.将图片转换为Dra ...

最新文章

  1. mysql使用shell脚本部署_shell脚本部署mysql主从
  2. 【Source Insight 4.0 英文版】 如何设置选中高亮
  3. [jQuery] 针对jQuery性能的优化方法有哪些?
  4. 准程序员必看!该怎么规划自己的职业人生,看看前辈们给的建议!
  5. MyBatis使用小案例
  6. Android 动画的分类
  7. python requests下载zip文件_python requests 下载zip包
  8. CR渲染器全景图如何渲染颜色通道_Corona渲染器如何处理材质溢色?【渲云渲染】...
  9. 有关E45: ‘readonly‘ option is set (add!to override)错误的解决方法
  10. 收集的关于DLL较全的介绍
  11. Halcon实战之MLP颜色匹配(一)
  12. 无盘服务器怎么安装驱动,无盘网吧的摄像头驱动安装的解决方案
  13. AlphaGo 超快棋遍虐人类高手(职业棋手讲解及大量网友评论)
  14. 让未来更近,三星The New Bixby与IoT打造智能物联
  15. centos gedit 字体大小_【写作技巧】毕业论文格式要求及字体大小
  16. php接入钉钉注册回调
  17. C++Singleton模式
  18. 原画师需要用到什么工具?绘画工具大全!
  19. KINOVA公司JACO2、MICO2从安装到开发
  20. R语言︱异常值检验、离群点分析、异常值处理

热门文章

  1. LeetCode 1807. 替换字符串中的括号内容(哈希map)
  2. LeetCode MySQL 1549. The Most Recent Orders for Each Product
  3. LeetCode 314. 二叉树的垂直遍历(BFS/DFS)
  4. LintCode 1652. 区间异或 II
  5. 学硕计算机考296算高分么,考研总分是多少算高分?考研340分是什么水平?
  6. unity game和scene效果不一样_不同的真石漆装饰效果也是不一样的
  7. 卖萌屋新闻联播栏目,倾情上线~
  8. 99%算法工程师不知道的if/else优化技巧
  9. 吐槽贴:用ELECTRA、ALBERT之前,你真的了解它们吗?
  10. 论文浅尝 - CIKM2020 | Relation Reflection Entity Alignment