同一张PNG8图片为何部份图标在IE6中消失

2016-02-20 00:02 10 1 收藏

今天图老师小编要向大家分享个同一张PNG8图片为何部份图标在IE6中消失教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - Web开发 】

在项目中遇到一情况让困扰了半天,同一张PNG8图片为何部份图标在IE6中消失呢?当时一度怀疑是cache或hosts问题反反复复开关浏览器结果依然无效,连番测试终于找到了原因。

 

问题在于PNG8图片本身,以下l例子模拟了当时情况,当使用IE6来浏览的会发现第二行的4个图标隐形了。

原来下面的4个图标被调了90%的Alpha透明度(FW在导出PNG8的时能保留Alpha透明度PS则做不了这一点)。

而被Alpha半透明的图标在一般浏览软件或FF、Chrome、Safari、Opera、IE7以上浏览器都可以正常浏览,唯独是IE6。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

 

其实也有办法让IE6支持PNG8的Alpha透明度,方法与PNG32的IE滤镜一样。

从来上面结果得知原来是 png8Alpha透明度闯的祸。而且这次PNG8不同于png32的是,不支持png半透明的浏览器(如ie6)会自动降级到全透明(像gif那样),而不是像png32那样会有一个灰色的背景。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160220/1631127.html

延伸阅读
插入图片 首先我们应当打开WPS中Excel表格,插入图像在表格里。通常咱们把图像存放在桌面上。插入的具体过程是:点左上方的插入,挑选图像,弹出挑选图像的页面,咱们点击桌面,点击要挑选的图像,这样图像就被放在了这张表格里。 美化视图 调理图像大小,将图像放在适宜方位,修改文字。图像的大小经过它附近的圆点能够...
标签: Web开发
在一个典型的浮动中,如下面的图片所示:灰色矩形是外部容器,绿色容器在外部容器内向左浮动,未浮动的部分包围着浮动部分。但是IE6在解析这样的浮动时,会莫名的给靠紧浮动部分的未浮动部分添加3个像素的边距。为了更加直观,让我们将Firefox和IE6中的效果做一对比(上图是Firefox中的效果,下图是IE6中的效果): 你会清晰的观察...
标签: 浏览器
国内用户为何仍对IE6情有独钟?   相对于国外用户,IE6在国内的市场份额的确高很多。在美国,IE6的使用已经基本消失,在全球市场IE6份额为4.9%,但是在中国,IE6还占据22.2%的市场份额。数据显示,中国已经成为IE6的最大保有市场,遥遥领先于其它地区的份额。 从这个角度看,国人对IE6似乎情有独钟。 IE6的相关技术标准已...
标签: windows 操作系统
当你打开一个网站就会发现也弹出另一个广告页面(没法子,人家也要赚钱要生存嘛)!可他们生存而你的电脑就受罪了,页面开多了,电脑运行速度就会大大地变慢。一些禁止弹出广告页面(俗称“黑名单”)的软件就应运而生,其实在Windows XP自带的IE6.0中也有禁用黑名单的功能,不信?Follow me!右击IE浏览器并从弹出的菜单中选择“属性”,...
标签: 电脑入门
在过去几个月里,很多用户都向微软反映,在部署Windows 7和IE8的过程中,他们仍然需要继续提供对IE6应用程序的支持。Windows IT专业客户端高级社区主管Stephen L Rose今天在官方博客上表示,微软为此类用户提供了多种建议、文件和应用程序兼容性列表,Rose将这些资源总结归纳如下: 从Windows XP的IE6迁移到Windows 7的IE8:如果你已经部署或...

经验教程

904

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部