一个老生常谈的问题就是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下的效果如下,其他浏览器显示效果也一致: