iepngfix.htc和png8让IE6支持png背景透明

精贴 置顶
3619 0

在给客户做网站的过程中,有一个比较棘手的问题就是处理png图片的背景透明问题,因为需要兼容不同的浏览器,这就比较麻烦了。

折腾了好长时间,最后寻找到了解决办法,用iepngfix.htc进行处理。

iepngfix.htc的使用使用方法:

  1. 下载脚本脚本,将其中的iepngfix.htc和blank.gif解压缩到合适的目录内,.htc即Html Components,该文件需要在CSS中被调用;blank.gif是一个1×1像素的透明GIF图片,缺少该文件会使<img>标签插入的PNG图象显示为红色的叉烧包。
  2. 在iepngfix.htc中修改blank.gif的路径,var blankImg =‘blank.gif的正确路径’,这是惟一一个需要修改的配置。
  3. 在css中将需要使用透明PNG的元素与.htc文件关联。 例如:*{behavior: url(iepngfix.htc) }

通过以上三步,IE6就能支持透明PNG图片了。

本来以为这样就万事大吉了,后来发现不仅如此!

在我们测试的过程中,本地环境处理已经没问题了;放在测试机上测试,也没问题了。

可是,最终到了生产机了,就突然发现不行了!在IE6下就会显示出蓝色的背景了。

找了半天原因,经过对比分析,发现代码和测试机上的一模一样,但问题依然存在,怎么办?

后来直接查找iepngfix.htc网站,发现也没给出具体的服务器环境的需求问题。问题似乎解决不了了!!!

而且,将DEMO文件上传至测试机和生产机上,发现原来问题就出在生产机上。测试机上显示的没任何问题,生产机确实就不行了。

这就排除了程序方面的差异问题。

后来,终于找到了另外的解决办法,那就是,替换之前的png图片的格式,之前的是png24的,现在全部替换成png8的,这样IE6就能识别出来而显示出背景透明的了!

所以,总结起来就是:

要想png图片背景透明:

最保险的办法是:将格式处理成png8的;

如果服务器上测试iepngfix.htc没问题的话,使用iepngfix.htc也是不错的选择!

另外,想将png24转换成png8,方法也很简单,使用photoshop转换就可以了。

png24转换成png8的具体方法为:

【转载说明:本文来自很实用网站www.henshiyong.com】

文件-》存储为web和设备所用格式-》在“预设”里,选择“PNG-8”和“”透明度,保存即可。 

  • 没有任何评论
今日天气 ···

···

···

···

热门排行
用ASP实现网页BBS 2010-11-01
CSS cursor鼠标样式一览表 2012-06-25
.NET后台写JS代码 2011-11-03
网站地址多出jdfwkey的问题解析及... 2010-08-25
数据库xxx的日志已满,请备份该数... 2013-07-19
百度、google、Yahoo网站地图制作... 2011-01-30
<a>标签的伪类书写顺序问题... 2010-09-04
什么是长尾关键词? 2010-09-24
CEO名言 2010-08-31
Mysql 主从数据库同步 2010-09-12
博主推荐
本个人博客微信公众平台上线啦~~... 2013-10-13
饼哥网络互联上线啦~~要买域名空... 2013-09-20
网站title标题如何正确修改不会被... 2013-08-26
饼哥通讯录系统上线啦,欢迎大家... 2013-08-24
ASP .NET MYSQL 的简单分页 并不... 2013-08-19
网站有弹窗广告这样的站点,百度... 2013-08-17
做淘宝SEO优化需要注意的8大问题 2013-08-17
淘宝网怎么做SEO优化 2013-08-17
站长们要学习的“苍井空精神” 2013-08-17
苹果公司今日发布了iOS 7第五个开... 2013-08-07
随便看看
win7无法访问局域网2003系统共享... 2010-12-11
什么是绝对地址和相对地址? 2010-09-25
Java拖放文件到Swing窗口的方法 2013-06-26
鸡翁一,值钱五,鸡母一,值钱三,鸡... 2010-11-29
破解威盾监控最给力办法 2013-11-13
301重定向怎么进行URL标准化设置... 2010-09-23
JavaWeb前台异常处理方式 2013-06-26
数据库查询语言(1) 2010-10-23
本个人博客及饼哥论坛友链广告位... 2018-08-28
mysql启动问题access denied for... 2013-07-20
RSS新闻
传媒新闻
CSDN
八卦新闻
女性新闻
台湾新闻
互联网
军事-新浪博客
IT-新浪博客
汽车新闻
游戏新闻
国际新闻
国内新闻
体育新闻
我的微博
北京 上海 杭州 深圳 广州 成都