“咳! 哎!….. ”

你听见了么? 这些都是大家抱怨IE6下不能实现png图片漂亮的明效果的哀叫声,的确是无奈呀…..

不过现在幸运的是,我们能够让这一切的抱怨都停止.

网络上解决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下透明滤镜重复图片这个功能.

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

地址呢？其实上面已经有写了 怕你找不到 再给个入口 Unit PNG Fix

转载于:https://www.cnblogs.com/pomp/archive/2010/05/12/1734025.html

ie6 下最佳 PNG透明方案【转】相关推荐

  1. IE6下PNG图片透明效果(PNG图片做背景也可以)

    懒人萱在这里保证发的文章都是高质量的经过测试的JS代码,而且IE6.IE7和火狐都兼容的,希望大家多多关注我的帖子,我会把我的经验都共享出来哦! 懒人萱在寻找PNG图片透明效果的JS特效代码的时候,发 ...

  2. IE6下png图片透明代码

    png图片有很好的品质,阴影效果也不会有杂边,很流畅.如果插入网页的话可以给网站增色不少.更重要的是,在不增加图片容量大小的情况下,提高了页面图片的质量.对于有复杂背景,如在有颜色过度背景上插入不规则 ...

  3. 新分享一种解决ie6下PNG图片透明的方法

    IE6中的图片不透明问题一直困扰着广大设计从业者们,前段时间已经分享了一种使用HTC文件解决的方法和使用滤镜使png背景图片透明的方法,今天再分享一种使用脚本代码使PNG图片在IE6中透明的办法. 脚 ...

  4. 处理IE6下PNG图片透明背景问题

    由于历史原因,IE较早的版本不支持PNG透明 可以支持GIF等的透明 由于png图片相对较小,所以很多网站还是青睐于PNG图片 最近就遇到这种情况,使用js和css滤镜来实现的与大家分享一下下: 首先 ...

  5. 使IE6下PNG背景图片透明的七种方法

    PNG图像格式介绍: PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性.流式 网络图形格式(Portable ...

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

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

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

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

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

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

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

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

最新文章

  1. 印度小哥“神剑”：PDF提取表格so easy！
  2. 【硅谷牛仔】优步CEO，最倒霉的成功创业者 -- 特拉维斯·卡兰尼克
  3. threejs添加立方体_前端图形学(三十)——从源码去看threejs中的光照模型
  4. ms SQL Server表自增字段重置
  5. Hibernate（十）：n-n关联关系
  6. 前端学习（2870）：Vue路由权限『前后端全解析』1
  7. jsp中post提交和get提交乱码解决_统一请求编码
  8. 学车日记(4)--小路考Pass!
  9. 工具组件_从零认知BI: BI组件、架构、工具、优势、缺点
  10. 从 AVFrame 中取出帧(YUV)保存为 Mat 格式
  11. python是一种解释型、面向什么的计算机程序设计语言_Python \解释型计算机程序设计语言...
  12. 大黄，今年实在太难了！
  13. 2020考研数学一大纲之完全解析（四）
  14. 【Matlab元胞自动机】元胞自动机地铁火灾疏散模型【含源码 246期】
  15. 最新谷歌GOOGLE搜索命令大全
  16. Markdown 语法（1）- 写标题
  17. 基于InfluxDBGrafana的JMeter实时性能测试数据的监控和展示
  18. 计算机win7开超级性能模式,win7系统设置最高性能的操作方法
  19. 人工智能原理、算法和实践思维导图
  20. 第一章 神经网络如何工作（附Python神经网络编程.pdf）

热门文章

  1. 64位 regsrv win10_Win10 64位安装个人版SQL2000图文教程
  2. python保存所有变量值_如何在当前python会话中保存所有变量？
  3. PCM复用设备的安装和使用注意事项
  4. 什么是RS232/RS485转换器？
  5. 国家开放大学2021春1073法律文书答案
  6. 怎么删除计算机管理员用户密码,小编手把手教你Win10系统如何删除管理员账户密码...
  7. php如何禁用浏览器的缓存,php如何禁止浏览器使用缓存页面
  8. mysql锁机制 php_MySQL锁机制和PHP锁机制
  9. dll侧加载_win7系统开机提示xxxdll模块已加载但找不到入口点的解决方法
  10. 计算机二级web题目（３）--HTML基础