`

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

分享到:
评论

相关推荐

    针对firefox ie6 ie7 ie8的css样式hack

    在进行Web开发的过程中,我们经常会遇到浏览器兼容性问题,尤其是早期的Internet Explorer(IE)版本如IE6、IE7和IE8与现代浏览器如Firefox之间的差异。为了确保网站能够在不同浏览器下正常显示,开发者需要使用特定...

    IE滚动条 CSS样式

    由于IE滚动条样式的局限性,设计师通常会采用条件注释或者检测浏览器类型的方法,为IE提供特殊的CSS样式,同时为现代浏览器使用更丰富的`::-webkit-scrollbar`伪元素来实现更精细的定制。 6. **JavaScript插件和库...

    IEtest 5-8 css样式兼容

    IEtest 5-8 css样式兼容是一款专门用于测试网站在Internet Explorer (IE) 5到8之间CSS样式表现的工具。这款软件对于那些需要确保其设计在老版IE浏览器中正常显示的开发者来说,具有极高的实用价值。 Internet ...

    CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法

    在探讨CSS样式兼容IE6、IE7、IE8与火狐浏览器的方法时,我们需深入理解不同浏览器对CSS的支持差异,以及如何通过特定的技术手段确保网页在这些浏览器中的一致性和美观性。以下是对这一主题的详细解析: ### 1. 了解...

    css样式表兼容总结,兼容火狐,ie6,ie7,FF

    标题中的“css样式表兼容总结,兼容火狐,ie6,ie7,FF”指的是在网页设计中,CSS样式表需要处理不同浏览器之间的兼容性问题,特别是老版本的Internet Explorer(IE6和IE7)以及Firefox。描述中的“css样式表火狐,ie6,ie...

    让IE6、IE7、IE8支持CSS3的圆角、阴影样式

    3. **CSS Hack**:对于某些简单的圆角效果,可以使用特定的CSS hack针对IE6-8编写样式,例如使用`expression`或`filter`属性。但这种方法并不推荐,因为它会导致代码复杂性增加,且性能较差。 4. **渐进增强**:...

    CSS样式初始化commonInitialize.css

    CSS样式初始化是开发过程中一个重要的步骤,它旨在消除浏览器之间的默认样式差异,确保网页在不同浏览器上的一致性表现。"commonInitialize.css"就是这样一个专门用于全局CSS样式初始化的文件。 首先,我们来理解...

    完美解决IE6下select控件样式

    在网页设计和开发中,IE6(Internet Explorer 6)是一个常常引起问题的浏览器,特别是在处理CSS样式和JavaScript兼容性方面。"完美解决IE6下select控件样式"的资源针对的就是这个历史悠久的问题。Select控件是HTML中...

    IE6, IE7, IE8 CSS 兼容速查表

    这份“IE6, IE7, IE8 CSS 兼容速查表”就是为了解决这一问题而编写的,它提供了关于这些浏览器中CSS特性的详尽对比和解决方案。 1. **CSS盒模型差异**:IE6、7采用了独特的盒模型,其中`width`属性包含了边框和内...

    IE6、IE7、IE8对css和js支持方面差异的研究

    - 在IE6中,JScript引擎在处理大量变量分配时会触发垃圾收集,导致脚本暂停,这可能导致性能下降。而在IE7和IE8中,虽然也存在垃圾收集机制,但可能有所优化,减少了对用户界面的影响。 2. **CSS宽度和高度的定义*...

    解决ie9、ie10本地css加载不上的解决方法实例

    在IT行业中,尤其是在Web开发领域,兼容性问题一直是一大挑战。Internet Explorer(IE)作为曾经的主流...提供的压缩包文件“本地ie9+10加载css样式”应该包含了一个示例,你可以参考这个例子来实践上述解决方案。

    ie6实现css3属性

    具体到“ie6圆角”这个标签,我们知道CSS3中的border-radius属性可以为元素添加圆角,但在IE6中并不支持。为了解决这个问题,开发者可以使用专门针对IE6的解决方案,如使用JavaScript库(如jQuery corner插件)或者...

    ie6下可以用的css3

    通过使用CSS3 Pie,开发者可以在IE6、IE7和IE8等不完全支持CSS3的浏览器中实现如圆角、阴影、渐变和多边形等效果。 标签“css3”代表了层叠样式表的第三版,这是Web设计领域的一个关键标准,提供了丰富的样式和布局...

    ie-css3(让ie6 ie7 ue8支持css3).rar

    标题中的“ie-css3(让ie6 ie7 ue8支持css3).rar”指的是一个针对Internet Explorer(IE)浏览器的解决方案,尤其是版本6、7和8,这些版本不原生支持CSS3的新特性。这个压缩包包含了一个名为“ie-css3(让ie678支持css...

    针对firefoxie6ie7的css样式

    本文将深入探讨如何编写适用于这些浏览器的CSS样式,并解决它们之间的差异问题。 首先,Firefox通常对CSS标准支持较好,而Internet Explorer,尤其是较旧版本如IE6和IE7,存在较多的不兼容性和渲染问题。在编写CSS...

    css区别IE和非IE浏览器

    使用CSS Hack技术 **CSS Hack**是一种通过添加特定的前缀或语法结构来使某些CSS规则只被特定版本的浏览器解析的技术。这种方式在早期广泛应用于解决IE浏览器的兼容性问题。 - **星号选择器(*):** 这种hack方式...

    css解决IE6,IE7,firefox兼容性问题.

    - 但在 IE 中无法直接使用此方法实现垂直居中。 8. **链接加边框和背景色** - 为了使链接具有边框和背景色,可以设置: ```css a { display: block; float: left; border: 1px solid #000; background-color: #...

    div错位解决IE6IE7IE8样式不兼容问题

    - **使用条件注释**:条件注释是一种只被IE识别的特殊注释形式,可以用来为特定版本的IE提供不同的CSS样式表或JavaScript脚本。例如: ```html &lt;!--[if IE 6]&gt; &lt;link rel="stylesheet" type="text/css" href="ie...

    CSS在ie firefox中 样式问题

    本文将深入探讨在IE和Firefox中常见的CSS样式问题及其解决方案。 1. **盒模型差异** - IE6、7采用的是"怪异盒模型",边距和内填充计算在元素宽度内,导致实际宽度与声明宽度不符。 - Firefox遵循W3C标准的"正常盒...

    html与.net css样式兼容问题解决办法

    有时,我们可能需要将一个现有的HTML页面及其CSS样式整合到.NET项目中,但在这个过程中可能会遇到样式显示不一致的问题。本文旨在深入探讨这种兼容性问题,并提供一系列解决方案。 #### 一、理解兼容性问题的本质 ...

Global site tag (gtag.js) - Google Analytics