日期:2014-05-17  浏览次数:20528 次

IE6中无法引用Css样式的问题

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

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

原因:?
参考网上的?
今天在做一个网页的时候发现 IE6 版本以下的浏览器不能把CSS正确地表现出来,CSS 好像没有产生任何作用!而 IE7 、Opera9 和 Firefox2 则没有任何问题。经过长久的分析研究,终于被我发现产生问题的原因:?

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

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

?

原文地址:http://hi.baidu.com/vcoso/blog/item/47e2ef90553eba87a877a449.html