才子佳人博客

我的故事我讲述

CSS编码与html页面编码不一致导致IE6下样式不起作用的解决办法
 
来源:xjh  编辑:xjh  2010-12-13

问题:CSS 在 IE6 下不起作用,网页乱版,在 IE7、IE8中显示正常。

原因:网页指定的编码和css文件的编码不一致,如,网页采用了 UTF-8 编码格式,外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。

解决办法:让css的编码和网页的编码保持一致,如:

1)html页面指定字符集:<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

2)css样式文件头部第一行位置添加 @charset "utf-8";

正确指定文件的编码,防止浏览器对编码判断错误,注意是半角状态,后加分号。

另外注意: CSS 文件中包含有中文注释时就可能不尽如人意了!估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析,所以才会发生 CSS 在 IE6 下不起作用的情况。看来微软已注意到这个问题,在 IE7 中已修复。

总之、归纳为四点:

一、把 CSS、JS 和网页文件都统一保存为 UTF-8 格式。

二、去掉 CSS、JS 中的中文注释,或者改为英文。

三、在记事本中打开已编辑好的网页html文件(gbk),然后选择“utf-8”编码另存。

四、在DreamWeaver 工具中 ,编辑》首选参数》新建文档,指定默认编码为:utf-8



参考:
http://bbs.blueidea.com/thread-2973891-1-1.html
http://www.enet.com.cn/article/2008/1203/A20081203397606.shtml


分类:网站设计| 查看评论
相关文章
文章点击排行
本年度文章点击排行
发表评论:
  • 昵称: *
  • 邮箱: *
  • 网址:
  • 评论:(最多100字)
  • 验证码: