图片格式错误导致IE无法显示图片

转载请注明出处：http://blog.csdn.net/soartju

作者：高飞

本文说的是图片格式错误导致IE一直显示正在下载图片的问题，与网上关于IE浏览器设置，“显示图片”是两回事。

最近，在为公司的帮助做定制模板，里边涉及到图片的定制。由于只差一个图片，所有的定制代码都已经写好，包括需要使用的这个图片的引用，已经在代码中定义引用了“title.png”。后来美工给的图片是“title.gif”，直接将美工给的“title.gif”改名成"title.png"，结果生成html格式帮助文档后，页面上的图片在IE下就是不显示，看状态栏，一直显示正在下载图片。。。。

令人奇怪的是，在firefox下，显示没有任何问题，真是很奇怪。由于之前有过用在IE下使用frameset，由于个子frame编码不一致的问题，导致图片不能显示的经验，所以，怀疑是这个问题造成。但是，经过代码转换，编码制定后，问题依然存在。真是想不明白，firefox可以，IE怎么会有这个问题。难道是javascript或者CSS的问题？

仔细回想，用到图片的地方应该只与CSS有关，好在我的css里只定义了一个img的属性，删除试之，问题依然存在。

上网搜索以期望能够得到解决，结果，处理设置IE属性显示图片外，没有任何收获。问题不在这里。

忽然想到，莫非是将图片扩展名由gif改成png造成的？但是，我是可以用图片浏览器打开的啊？不要放弃任何解决问题的希望。试之，将图片改回title.gif，代码相应引用titlt.gif，重新生成帮助文档，查看一切正常。原因总算找到，是由于图片使用了错误的扩展名造成。

总结：IE浏览器应该是根据图片的扩展名来解析图片，对png和gif图片的解析不是使用的同一个解析器，当解析不出来前边的图片时，后边的图片他也不会处理（感觉IE有点傻，前边解析不出来，后边正确的图片你可以继续解析啊？）。而firefox是可以解析图片扩展名错误的图片的。