我本来以为 我对程序 的菜菜脑袋可能解决不了ie6 png图片的透明背景不兼容问题了,只能使用所谓的 在保存png 图片时,保存为文件更小,有gif 效果,被ie6支持的png8 索引色透明度格式
但是png8 支持的色彩位数实在是太低,很多时候直接处理的图片保存出来不是有锯齿,就是有毛边,放在网页上一点都不平滑,真是令人抓狂。
png24 png32 虽然支持了更多的色彩位数,但是ps 的png24 png32 支持alpha 透明通道,fw 的png32 支持alpha 透明通道,碰上浏览器,ie6 的不支持透明通道 真是令人头大。
每次遇到这样的问题总是搜索搜索在搜索,但是结果无非就是千篇一律的使用css,使用js ,使用滤镜,对于我这种程序思维不严密的人来说,真的好痛苦。
几天前我再次被要求修改这个问题,当时真是想shi 的感觉都有了,但还是不能放弃,于是我就只好搜索搜索再搜索,不过这次很幸运,搜索,加上朋友的帮忙,我终于不再烦恼这个该死的ie6 png 透明背景的兼容性问题了
原因很简单,其实有很多前辈也早已帮我们解决了,只是我们没有合适的搜索和查询,阴差阳错的错过了
对于图片以ps 或者fw 的默认png 格式保存就好,不用管png24 或者png32 。
需要的内容是下载一个html Component 脚本,即iepngfix.htc
这是要在css 中写上行为样式被调用的
语法behavior:url("iepngfix.htc");
然后需要1×1像素的透明gif 图片,blank,gif,这个小图片就是消除ie6 下png 图片背景的不透明区域的,如果没有这个图片,<img>会显示有未找到图片的那种红色小叉叉。
这张图片与.htc 放在同一路径下就可以
这样简单的两步,再用ie6 测试就会发现,ie6 被拿下了
哈哈,解决了困扰已久的问题 ,好嗨皮~
当时做完提交的时候真的松了一口气,现在有空,我把它整理着写出来希望能够帮到还在困扰的人~
资源共享一下~嘻嘻