CSS样式在IE6下无效的问题解决方法
(编辑:jimmy 日期: 2024/11/17 浏览:3 次 )
问题症状:
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 中的中文注释,或者改为英文。
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 中的中文注释,或者改为英文。
下一篇:CSS 解决未知高度垂直居中实现代码