CSS样式在IE6下无效的问题解决方法

前端  /  管理员 发布于 7年前   128

问题症状：
1、<link href="css.css" rel="stylesheet" type="text/css" />
通过link方式引用css，在ie7，ie8可以正常显示，ie6不能正常显示。

解决：
1、改变文件编码格式为utf-8，并在css文件加上 @charset "utf-8";
2、去掉css中的中文注释。

原因：

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

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