最近我们课课家网站接到一位学员的求助:他在html页面引用外部css文件的时候,在IE7和FF中能够很好的被解析,即能正常显示。但在IE6进行测试时,悲催地发现浏览器不能正常解析CSS文件。他解决了半天也毫无头绪不得要领。最后在我们课课家的帮助下,顺利解决了问题。那么,造成IE6不能正常解析CSS文件的原因及其解决方法是什么呢?下面跟大家分享一下。
我们课课家网站首先把这位学员css文件里头的所有样式都复制粘贴到html页面的<style></style>中,这样做以后,IE6、IE7、FF都能正常显示了。这也就说明外部的css文件应该是存在什么问题了,为什么在IE6中出现这问题,而在IE7和FF中却没有?经过分析研究,我们发现IE6浏览器对页面的编码有严格的要求,这位学员的css文件用的编码是GB2312的,而html文件用的是utf-8。当我们把这位学员的css文件内容的编码用ed改成utf-8,再次测试的时候,一切就恢复正常了。换句话说导致IE6不能正常解析CSS文件的罪魁祸首就是编码问题。
除了这个罪魁祸首以外,还有没有其他原因呢?答案是有的,那就是我们的CSS文件中包含有中文注释,这种情况也会导致IE6及以下版本的浏览器在解析CSS文件时无法正确解析。
幸好微软也意识到这个问题,在 IE7 中把它修复了。但是用IE6的人还是不少,因此这个问题需要解决,其解决方法有如下两种:
第一种:把CSS、JS和网页文件都统一保存为UTF-8格式。
第二种:去掉CSS、JS中的中文注释,或者改为英文。
以上就是课课网站为大家带来的造成IE6不能正常解析CSS文件的原因及其解决方法的全部内容。通过本文的学习,如果在实际工作中,再遇到类似的情况,一定不会难倒你!