引自:http://www.yeeyan.org/articles/view/98510/67784

网络上解决IE6下Png透明解决方案有很多,例如 IE PNG Fix from TwinHelix, Javascript IE PNG Fix, Transparent PNGs in Internet Explorer 6 from 24 ways.等等.
然而现在,我要和你分享的是 Unit PNG Fix .

因为它的确是太出众了.

1.非常小的javascript文件:1kb!
2.解决因为IE的滤镜属性所带来的影响.
3.无论是img元素或background-image属性,都能有效果.
4.在加载页面之前就能自动运行.或者就一丁点的元素.
5.允许自动高宽.
6.使用起来超级简单.

如何使用:

1).下载zip 然后,添加下面的代码到你页面的头部.(一定要确保路径的正确)
<!--[if lt IE 7]>
        <script type="text/javascript" src="unitpngfix.js"></script>
<![endif]--> 

2).添加clear.gif到你的images 文件夹中.在js文件中,修改"var clear="images/clear.gif" 路径,为你存放clear.gif的文件路径.

3). 你的整个项目的png图片都实现了透明效果.的确非常简单吧?就2个步骤,就实现了整个站点所有png的透明效果.

一些注意事项:

Unit PNG Fix能够让 background-repeat在ie6下工作,不过这种工作方式不是像正常的repeat图片重复的效果,而是采用了拉伸的效果.但是,仍然是效果 的,所以这也是非常不错的.因为没有任何一个解决方案能够实现ie6下透明滤镜重复图片这个功能.

就这些了,现在你可以开始动手实践了.

转载于:https://www.cnblogs.com/biye/p/3325683.html

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

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

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

  2. Form表单提交按钮图片IE6下背景透明（js提交）

    Form表单提交按钮图片IE6下背景透明(js提交) 我们知道 光png图片在IE6下面透明方法很多,网上也很多,但是我今天遇到了个难题:form表单提交按钮png图片要求背景透明.我弄了半天,转个思 ...

  3. 完美解决网站PNG图标在IE6下的透明显示

    现在IE6虽然有些落后,但不少xp用户还是首选IE6浏览器,一款经典长久也标准快速的浏览器必然会有忠实的用户,png图标IE6下默认是不支持的,可以通过js代码实现,下面由一叶扁舟为大家整理,代码可直 ...

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

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

  5. gdi绘制的文字在win7和win8下变透明的解决方案

    问题是这样的,使用gdi绘制带文本的窗口,在win7和win8下显示的时候有时候文本会变成透明的,显示的时候会穿透过去,显示出后面的背景颜色. 具体现象如下图所示: 先说一下原因吧,在绘制文字的时候, ...

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

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

  7. ie6下png阴影问题的解决方案

    png在IE6下的解决办法 默认分类 2010-08-23 23:58:12 阅读50 评论0   字号:大 中 小   订阅 [转自:http://blog.csdn.net/newflypig/a ...

  8. IE6下png背景不透明——张鑫旭博客读书笔记

    从今天开始跟着大牛张鑫旭的步伐,每天进步一点点 问题:IE6不支持png背景透明或半透明 一.可解决的方法 补充:css滤镜主要是用来实现图像的各种特殊效果.(了解) css滤镜的标识符是" ...

  9. png在IE6下去除显示阴影的解决办法

    png在IE6下的解决办法 默认分类 2010-08-23 23:58:12 阅读50 评论0   字号:大 中 小   订阅 [转自:http://blog.csdn.net/newflypig/a ...

最新文章

  1. MySQL - 共享锁和排它锁初探
  2. echart x轴 倾斜_1次加工28个零件，这就是为什么5轴机床这么牛：
  3. iOS 相册权限绕过漏洞
  4. scala中使用Option、Some、None，避免使用null
  5. LeetCode--85.最大矩形（单调栈）
  6. 下载丨Oracle 11g 安装后参数规范设置
  7. 炫酷的sublimeText开发工具 快捷键总结
  8. 查看计算机显卡驱动版本,电脑怎么更新显卡驱动？如何查看驱动是否正常
  9. express搭建的nodejs项目使用webpack进行打包
  10. 图扑数字孪生青岛城轨，赋能智慧交通低碳发展
  11. 2.自动加载(phalapi框架总结)
  12. 安装mantis 2.14
  13. 1.3中国计算机网络发展情况
  14. Spring单例模式的一次失败经历和总结
  15. Verilog学习之路（7）— 数字加法器
  16. 界面自动化测试工具-Ksend
  17. 记一次悲催的软件异常崩溃调试解决历程，错误0xc0000417,无效参数，_set_invalid_parameter_handler
  18. lsdyna进阶教程-弹性球撞击刚性平板
  19. 分布式事务框架lcn入门demo
  20. 遗传算法中的变异和交叉

热门文章

  1. mysql5.7非源码版msi安装教程
  2. IDEA的postfix自定义，自定义postfix
  3. JUnit5 @Tag注解示例
  4. interp2 matlab fcn,matlab7.0自动关闭问题(zz)
  5. jsp mysql电子档案管理系统_学生档案管理系统的设计与实现(JSP,MySQL)(含录像)
  6. pmp是什么意思？pmp值得学吗？
  7. 这11个JavaScript小技巧，你在大多数教程中是找不到的！
  8. python中numpy、matplotlib的引入及测试
  9. json yeid_如何控制Scrapy yield的顺序
  10. ajax实现环境,基于jQuery实现的Ajax(Django环境)