HTML5技术

让ie6对png透明图片支持起来 - SUperman-苏智敏

字号+ 作者:H5之家 来源:H5之家 2015-12-09 11:55 我要评论( )

一个老生常谈的问题就是ie6不支持透明png图片

一个老生常谈的问题就是ie6不支持透明png图片啊。但其实ie6只是不支持png-24格式的透明背景图片,但对透明背景的png-8图片还是支持的,只是png-8图片只有256色,放到任意浏览器都会呈现白色的锯齿。

当代码这样时:

.gif{ width height background

 

div中的背景图片是下图的透明背景png-8图片:

浏览器打开的效果如下(chrome,firefox,ie6+都是这么个效果):

 

 

看到这些泛白的锯齿要哭瞎了,怎么去除这恶心的锯齿呢,ps保存png-8图片时,有多个选项,经测试通过勾选“扩散透明度仿色”时锯齿的能达到最小,

 

如下图所示,锯齿此时没那么恶心:

但是远远不够啊,这个视觉效果还是太差了。上网查询下,这是由于png-8白色杂边导致的问题,可以在保存图片前将杂边的颜色设置成和背景一致来解决。

在ie6下的效果如下,其他浏览器显示效果也一致:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 浓缩的才是精华:浅析GIF格式图片的存储和压缩 - 腾讯云技术社区

    浓缩的才是精华:浅析GIF格式图片的存储和压缩 - 腾讯云技术社区

    2017-04-07 15:08

  • css rgba/hsla知识点讲解及半透明边框 - 不忘初心8090

    css rgba/hsla知识点讲解及半透明边框 - 不忘初心8090

    2017-03-27 08:00

  • HTML5本地图片裁剪并上传 - QxQstar

    HTML5本地图片裁剪并上传 - QxQstar

    2017-03-25 14:00

  • Omi v1.0.2发布 - 正式支持传递javascript表达式 - 【当耐特】

    Omi v1.0.2发布 - 正式支持传递javascript表达式 - 【当耐特】

    2017-03-22 11:03

网友点评
a