从去年开始就在做页面重构,去年也是出现问题多多,有些也记得不是很清楚了,昨天碰到了个问题,今天又碰到了一个,昨天的问题是IE BUG应该算非人为错误,今天的问题是由于不细心导致的。今天的问题单指IE6下,其他浏览器无此类问题。
问题描述:在一个页面中无页内样式,只引用了一个外部样式文件,在非IE6浏览器中,页面显示正常。但在IE6下会发现,页面中部分内容没有样式。将没有效果的样式写到页面中,页面又可以显示正常。
导致结果:在IE6下部分样式无法解析。导致样式无法解析部分没有效果。
解决办法:通过chrome自带代码查看工具,查看样式文件发现,样式中中文注释显示成了乱码!通过Notepad++查看样式文件,发现使用的是ANSI格式编码,将样式文转成UTF-8无BOM格式编码后,再次通过IE6查看页面,发现问题解决,页面正常显示。
通过问题得出以下结论:
在使用中文注释时,一定要注意编码方式是否正确,在IE6下,当注释出现乱码时,会导致浏览器无法解析样式文件中的部分样式或全部样式。
之前也有类似问题是出现在chrome浏览器中,一个页面在使用非UTF-8无BOM格式编码时,通过chrome浏览器浏览会出现页面无法解析,显示的是源代码。解决办法同上。