浏览器不能正常解析CSS代码的解决

2016-02-19 15:37 5 1 收藏

下面是个简单易学的浏览器不能正常解析CSS代码的解决教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

  网页采用了UTF-8编码格式,这本来没有问题,问题是外部CSS文件默认是 ANSI编码,并没有保存为UTF-8格式。可能你会发现在一般情况下这样也是没有问题的,然而当CSS文件中包含有中文注释时就可能不尽如人意了!

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  估计是IE6版本以下的浏览器在解析这个CSS文件时因为编码问题而无法正确解析,所以才会发生CSS在IE6下不起作用的情况。看来微软已注意到这个问题,在IE7中把它修复了。但是用IE6的人还是不少。因此这个问题需要解决:

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

  上文为IE6因为编码问题无法正确解析CSS文件

  有时候我们发现我们写的html页面引用外部css文件的时候在IE7和FF中能够很好的被解析,即能正常显示,可在IE6中却完全没有被解析,即css文件里的样式根本没应用到我们的html页面,这是怎么回事?开始我把css文件里头的所有样式都复制粘贴到html页面中的[style][/style]中,这样做以后,IE6、IE7、FF都能正常显示了,这也就说明外部的css文件应该是存在什么问题了,为什么在IE6中出现这问题,而在IE7和FF中却没有?

  网上google了下,发现是IE6中对页面的编码有严格的要求,我查看了下,朋友发过来的css文件用的编码是GB2312的,而html文件用的是utf-8的,原来问题就出在这里了,我把css文件内容的编码用ed改成utf-8,再次测试的时候,一切恢复正常了,还有就是我发现朋友的css文件里面用中文注释,严重建议朋友们不要在css文件里面用中文来注释,这样也会引起编码的问题。

来源:http://www.tulaoshi.com/n/20160219/1610050.html

延伸阅读
标签: Web开发
很佩服国外一些前端开发人员对待学问的研究精神,他们很善于总结发现。看到一篇关于安全字体List of Web Safe Fonts的文章,里面总结了所有的安全字体的样式,当然都是英文的。 所谓安全字体,就是在所有的浏览器中都能正常显示的字体,也就是所有操作系统默认都安装了的字体。 共有21种安全字体: font-family: Arial, Helvetica, san...
标签: Web开发
SCRIPT LANGUAGE="JavaScript" !-- if (window.navigator.userAgent.indexOf("MSIE")=1) { var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; ScreenWidth(IE1024,IE800,IE1152,IEother) }else{ if (window.navigator.userAgent.indexOf("Firefox")=1) { file://如果浏览器为Firefox var Firefox1024=""; var Firefox800=""; v...
标签: Web开发
JS 判断浏览器 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
很多时候,希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时,会把连续的空格解析成一个,所以我们会使用   等这样的占位符。 但是   也不是很可靠,比如空格间距非常大,那么我们必须增加多个占位符,同时页面的体积会变得非常大。 同时,注意到 Safari 中的   宽度是已设定字符的空格宽度...
标签: Web开发
网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了,因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同,导致设计的页面效果不一样,所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢?广泛被使用的方法就是CSS Hack,即使用特别的CSS定义显示网页在不同浏览器的设计风格,针对不同的浏览器去...

经验教程

86

收藏

21
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部