png图片在IE7以下的版本,都会出现背景不透明的情况,这确实很让人郁闷,原来我们公司的美工也为这个问题困扰了好久,后来在网上找到了一段js,每当页面上有png图片的时候,那这个页面上就要加入那段又臭又长的js代码,很不爽~~

今天无意间在网上看到了这样一款Jquery解决PNG图片在IE低版本的浏览器上不透明的插件,看了下源码,感觉挺简单,使用起来也很方便,好东西不敢独享,于是拿来和大家一起分享了。

大家可以去这里http://jquery.andreaseberhard.de/pngFix/查看DEMO,这个插件使用比较简单,我就没自己花时间做DEMO了。

这个插件有如下几个特点:

  • 轻量级,使用非常简便
  • 不仅支持直接显示的图片,而且还支持css样式中的以png图片为背景的情况
  • 同样,图片链接也可以
  • TITLE, ALT, CLASS 和 STYLE-Attributes都不会丢失

使用方法很简单:

第一步:加载js文件
<script src=”jquery.pngFix.pack.js” type=”text/javascript”>
第二步:启用插件里面的方法
$(document).ready(function(){
$(document).pngFix();
});

OK了,这样就能为整个页面的png图片进行透明处理了。

转载于:https://www.cnblogs.com/redasurc/p/3308141.html

jquery 插件解决IE6 PNG不透明相关推荐

  1. 解决IE6中PNG透明显示灰底的8种方法

    方案一 - 滤镜解决方案 介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片.注意:此方法在部分版本的I ...

  2. 解决IE6中 PNG图片透明的终极方案-八种方案!

    "珍惜生命,远离IE6",IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放 ...

  3. IE6下Png透明最佳解决方案(推荐) Unit PNG Fix

    引自:http://www.yeeyan.org/articles/view/98510/67784 网络上解决IE6下Png透明解决方案有很多,例如 IE PNG Fix from TwinHeli ...

  4. ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法

    目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格 式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也 ...

  5. IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层、Dialog的问题

    IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层.Dialog的问题 参考文章: (1)IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层.Dialog的 ...

  6. 自写jQuery插件,实现简单网页遮罩层/弹出层功能,兼容IE6、IE7

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/u010480479/article/details/25159287 本屌丝近期工作要求重写站点全部 ...

  7. 解决IE6下不支持 png24的透明图片问题

    解决IE6下不支持 png24的透明图片问题 参考文章: (1)解决IE6下不支持 png24的透明图片问题 (2)https://www.cnblogs.com/heimanba/p/3826771 ...

  8. html中支持透明图片的格式,IE6 png图片透明的解决方法教程

    IE6中支持PNG半透明图片完美解决方法-divcss5亲测 从IE7及IE7以上版本都支持PNG半透明格式图片,而唯独IE6不支持png格式透明图片,而GIF半透明效果不及png半透明格式图片,由此 ...

  9. 解决png图片在IE6下的透明问题

    已经几天没更新博客了,也就是这几天学习上的进账收效甚微,原因是在准备毕业答辩的事,还有两天时间用在了跑去东莞面试,面试的结果很悲催呵呵.自己其实自我感觉还过得去吧,至少能工作,但就是自己还不够自信,在 ...

  10. ajax上传图片成功但不显示,jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)...

    参考学习: 第一篇:http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 第二篇:http://www.jb51.net/a ...

最新文章

  1. 重学ES6 函数的扩展(下)
  2. C++知识点19——使用C++标准库(再谈string——string的初始化、赋值、添加、删除、访问)
  3. 网络推广策略带你了解网站地图Sitemap的作用是什么?
  4. S7 Linux用户管理及用户信息查询命令
  5. c#winform pictureBox使用url加载图片
  6. Angular之ngx-permissions的路由使用
  7. 高斯滤波算法之MatlabFPGA实现
  8. 如何一次性批量打印PDF、Word、Excel、PPT和图片 - 文件批量打印工具
  9. SECS/GEM EAP介绍
  10. 固态硬盘使用一段时间后测速变慢的解决方法
  11. 在领导面前吃不开的4种员工,中一条就别指望提拔了,说的真准
  12. 地震数据.dat文件转.sgy文件
  13. 火狐浏览器批量保存网页图片
  14. 达人评测 Redmi G 2021锐龙版怎么样
  15. 对话系统的历史 聊天机器人发展
  16. AdaBoost.M1算法
  17. 【硬创邦】跟hoowa学做智能路由(十三):网络音箱之Android篇
  18. “讯飞杯”合肥市第三十届青少年信息学奥林匹克竞赛(小学组)试题
  19. Linux内存之Slab与slabtop命令
  20. 编译原理期末复习—第一章概论

热门文章

  1. paip.环境设置 mybatis ibatis cfg 环境设置
  2. 十大旗舰基金是怎样炼成的(主动权益)
  3. 为什么沃伦·巴菲特有那么多的时间去阅读和思考
  4. (转)后监管时代的资本市场,数字金融能否迎来大爆发?
  5. 阿里云蒋江伟:什么是真正的云原生?
  6. Kafka从上手到实践 - Kafka集群:配置Broker | 凌云时刻
  7. Kafka从上手到实践 - 庖丁解牛:Consumer | 凌云时刻
  8. 【旗帜识别】基于matlab GUI旗帜识别【含Matlab源码 157期】
  9. 1808福师计算机基础第二次作业,1808福师计算机基础第一次作业.pdf
  10. 算法与数据结构篇(暂未解答)