• 写规范CSS代码 避免浏览器解析错误

    昨天改CSS导航栏代码后,让很多朋友帮忙测试,但是在两台机器上就是显示不出效果,很多CSS样式就像没有一样,很是郁闷。。。

    在群里啊,网站上啊发问得到的答案都是兼容性不好,最好写个单独针对IE的CSS,俺的CSS功力实在不行,小的修改还行,但是要自己独立写个完整的兼容性很好的CSS对我还是有一定难度的。

    后来无意浏览CSS类的文章时发现了一些关于IE6兼容性的文章,上面说道

    在做div+css网页设计的时候突然IE6不能正常解析CSS文件,解决半天也不得其解,于是上网去找老师,最后在网上找到了一篇好的文章,且解决了问题,特发出来为大家欣赏,首先谢谢本文作者。

      网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的,然而当 CSS 文件中包含有中文注释时就可能不尽如人意了!估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析,所以才会发生 CSS 在 IE6 下不起作用的情况。看来微软已注意到这个问题,在 IE7 中把它修复了。

      但是用IE6 的人还是不少。因此这个问题需要解决:
      方法一:把 CSS、JS 和网页文件都统一保存为 UTF-8 格式。
      方法二:去掉 CSS、JS 中的中文注释,或者改为英文。

      上文为IE6因为编码问题无法正确解析CSS文件

    突然想起我的CSS里面好像有中文注释,赶紧查看下,确实是有。。。删除之,问题解决,爽啊。。。