引自: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. left join左表百万数据查询慢_Spark SQL 之 Join 实现
  2. 计算机网络(谢希仁)-第一章:概述
  3. 软考经过 之 天助自助者
  4. The Elements of C# Style -Naming
  5. java基础--java.util.Date类型小结
  6. 微信公众平台开发(97) 图文消息
  7. 【HRS项目】Axure兴许问题解决---与SVN结合
  8. php及时提醒反馈,php,实时交互_请问PHP脚本执行时如何实时提供反馈，php,实时交互 - phpStudy...
  9. 能用10块大洋去解决的事，千万不要用时间
  10. js递归性能影响及解决方案
  11. 怎样在SQL Server上部署SSIS包 2
  12. 表达式int('2222',4)的值是多少?（每日一题）
  13. 编写一个Applet在屏幕上画一组同心圆
  14. 流水账一周小记[2009-9-20]
  15. 利用SQL SERVER 2008 的XML字段类型实现扩展属性
  16. java 强制转换double_JAVA强制类型转换
  17. NOI Linux 2.0的安装
  18. 51单片机学习篇-- --静态数码管的显示（74HC138译码器，74HC245锁存器，74HC573锁存器）
  19. JS 的5个不良编码习惯，现在就改掉吧
  20. 文件上传进度条 c 语言,cgi 上传文件(c 语言) 进度条显示

热门文章

  1. 8.Springcloud的Feign嵌入Ribbon实现接口式调用（改变restTemplate和Ribbon的调用方式）...
  2. 安装Selenium
  3. 清空linux当前页面内容,linux文档整理
  4. 01-03 Linux常用命令-文本处理
  5. mysql增删改查不区分大小写吗_MySQL的增删改查语句以及数据库设计的三大范式...
  6. python图像处理模块_Python图像处理库PIL的ImageEnhance模块使用介绍
  7. python批量执行多个py文件_Python实现批量执行同目录下的py文件方法
  8. linux fsck命令,Linux中fsck命令起什么作用呢？
  9. 学web前端有什么计划？
  10. 前端遇到瓶颈怎么办？我来告诉你