您现在的位置是：网站首页> 编程资料编程资料
CSS样式在IE6下无效的问题解决方法_CSS教程_CSS_网页制作_
2021-09-08
1392人已围观
简介 网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。
问题症状：
1、
通过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方式引用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 解决未知高度垂直居中实现代码_Div+CSS教程_CSS_网页制作_
- css实现的漂亮的分页效果代码(橘黄色与蓝色)_CSS布局实例_CSS_网页制作_
- CSS 分页效果制作实例教程_CSS布局实例_CSS_网页制作_
- css 分页样式代码(基于a或li)绿色与蓝色_CSS布局实例_CSS_网页制作_
- 书写高效整洁的CSS代码原则 _CSS教程_CSS_网页制作_
- IE7,IE8 BUG导致CSS下载二次的解决方法_CSS教程_CSS_网页制作_
- 表单元素与提示文字无法对齐的解决方法(input,checkbox文字对齐） _CSS教程_CSS_网页制作_
- css margin:0 auto居中_CSS教程_CSS_网页制作_
- CSS3 伪类选择器 nth-child()说明_css3_CSS_网页制作_
- div水平垂直居中的完美解决方案_CSS教程_CSS_网页制作_
