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

GD Star Rating
loading...

昨天改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里面好像有中文注释,赶紧查看下,确实是有。。。删除之,问题解决,爽啊。。。

已有10条评论 发表评论

  1. 引用通知: 写规范CSS代码 避免浏览器解析错误 | 极数博客 /

  2. cxy152376 /

    font-family里中文字体名能改成英文吗 – –

    GD Star Rating
    loading...
  3. pfdiy /

    是网站在IE6下 突然关闭了吗???

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      不是啊。。。只是在部分IE6的电脑上面显示效果不一样而已,已经修正了。

      GD Star Rating
      loading...
      1. pfdiy /

        那你知道在IE6下 网站突然关闭 是怎么回事吗?求教…. :roll:

        GD Star Rating
        loading...
        1. zenoven / 本文作者

          IE6下网站突然关闭,还没见过这样的问题?你的网址是?我看看

          GD Star Rating
          loading...
  4. stri /

    不知道你用什么软件来编写代码的,DW可以看到编码格式且一般都要统一网页与JS,CSS文件编码格式!

    GD Star Rating
    loading...
  5. 糖尿病饮食 /

    我也都能做到哦

    GD Star Rating
    loading...
  6. Louis Han /

    写中文注释,不是好习惯

    GD Star Rating
    loading...
  7. 万戈 /

    是个小技巧,学习了

    GD Star Rating
    loading...

回复给zenoven 取消回复