`
seven27
  • 浏览: 31591 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论
  • qgymje: 楼主这个方法如果这样做的结果就是,在sleep期间,页面停止响 ...
    js sleep函數

CSS样式在IE6下无效的问题解决方案

阅读更多

问题症状:
1、<link href="css.css" rel="stylesheet" type="text/css" />
通过link方式引用css,在ie7,ie8可以正常显示,ie6不能正常显示。

解决:
1、改变文件编码格式为utf-8,并在css文件加上 @charset "utf-8";
   繁體的話  是  @charset "BIG5";
2、去掉css中的中文注释。

原因:

网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的,然而当 CSS 文件中包含有中文注释时就可能不尽如人意了!我估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析,所以才会发生 CSS 在 IE6 下不起作用的情况。看来微软已注意到这个问题,在 IE7 中把它修复了。

但是用 IE6 的人还是不少。因此这个问题需要解决:
方法一:把 CSS、JS 和网页文件都统一保存为 UTF-8 格式。
方法二:去掉 CSS、JS 中的中文注释,或者改为英文。
分享到:
评论

相关推荐

    CSS样式在IE6下无效的问题解决方法

    "CSS样式在IE6下无效的问题解决方法"这个标题提示我们,这里主要涉及的是CSS在IE6下无法正常应用的问题,其核心在于编码格式的不匹配和中文注释的影响。 首先,我们要理解问题的症状。当你通过`&lt;link&gt;`标签引用一个...

    CSS在IE6下不起作用,没有效果

    有时,使用`z-index`并不能解决IE6下的层叠问题,可能需要更复杂的解决方案。 解决这些问题的方法有多种: 1. 使用条件注释:可以为IE6单独引入一个CSS文件,专门处理其兼容性问题。 2. IE-specific hacks:如在...

    同浏览器CSS样式兼容问题

    在网页开发中,CSS样式兼容问题是一个长期困扰开发人员的难题。不同的浏览器,尤其是Internet Explorer(IE)和Mozilla Firefox,由于对W3C标准的支持程度不同,会导致同一份CSS样式表在各个浏览器中呈现出截然不同...

    IE中css样式设置height无效的解决方法

    在网页开发过程中,尤其是在兼容IE浏览器的时候,开发者经常会遇到一些棘手的问题,其中之一就是CSS样式的`height`属性在IE中失效。这个问题在标题和描述中已经提及,主要是指在Internet Explorer(IE)浏览器中,...

    ie6下png透明解决方案

    由于Internet Explorer 6(简称IE6)不完全支持PNG24格式的透明特性,这导致许多美观的网页设计在IE6下显示异常,通常表现为背景图片不透明或者出现黑色背景。本文将详细探讨这个问题及其解决方案。 PNG是一种无损...

    DIV+CSS实用css样式设置

    以下是一些关于`DIV+CSS`实用技巧和CSS样式的设置,这些技巧都是基于实践经验总结出来的,并且在多种浏览器环境下(如IE和Firefox)进行了测试。 1. **链接样式的正确顺序**:在设置链接CSS样式时,应遵循`link-...

    IE6_0、IE7_0 与FireFox CSS兼容的解决方法(网上收集)

    ### IE6_0、IE7_0 与 FireFox CSS 兼容的解决方法 在Web开发的历史中,处理不同浏览器间的CSS兼容性问题一直是开发者面临的挑战,尤其是针对早期版本的Internet Explorer(如IE6_0和IE7_0)与FireFox之间的差异。...

    IE6下PNG背景透明的方法

    以下是关于"IE6下PNG背景透明的方法"的详细解释: 1. **CSS滤镜法**:这是最基础的解决方式,利用CSS中的`filter`属性。对于PNG8格式的图片,可以使用`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader...

    IE6 -- IE8浏览器CSS兼容性查询手册【gif格式】

    通过这个“IE6 -- IE8浏览器CSS兼容性查询手册”,开发者可以快速查找和解决在这些旧版IE浏览器中遇到的问题。手册通常会详细列出每个CSS特性的支持情况,以及如何进行兼容性修复。在实际开发中,结合手册与现代前端...

    css兼容性(IE 和 firefox)技巧大全.doc

    在网页设计中,CSS(层叠样式表)的兼容性问题常常困扰着开发者,尤其是在处理IE(Internet Explorer)和Firefox这两个浏览器之间的差异时。本文主要针对这些差异提供了一些实用的技巧,帮助开发者解决常见的CSS兼容...

    ie-css3.htc

    为了解决这个问题,一种名为"ie-css3.htc"的解决方案应运而生。本文将深入探讨ie-css3.htc的原理、应用以及其在解决IE浏览器CSS3兼容性问题中的作用。 ie-css3.htc,全称为"Internet Explorer CSS3 Hit Test ...

    div+css浏览器兼容问题解决方法

    本文旨在深入探讨DIV+CSS在不同浏览器(尤其是IE6/7与Firefox)之间的兼容性差异,并提供一系列实用的解决方法。 #### CSS技巧与兼容性调整 1. **DIV的垂直居中** - 使用`vertical-align: middle;`仅适用于行内...

    csshover.htc在IE7下使用:active伪类无效解决方法

    csshover 相信做前端开发都知道,IE6、IE7都不支持:active伪类,IE6更甚,连:hover伪类都不支持。为了解决这个问题,一般都会引入一个csshover.htc文件来解决。 目前该文件版本为3.11, 如果你发现自己使用的不是...

    CSS常见浏览器兼容问题

    本篇文章将深入探讨CSS在不同浏览器中的兼容性问题,以及如何通过技巧和策略来解决这些问题。 1. IE特有兼容性问题: - IE6、7不支持浮动元素的最小高度(min-height):可以使用`_height`或`zoom:1`配合`min-...

    IE6支持HTML5

    它通过JavaScript模拟了这些新元素的CSS样式渲染,使得开发者可以在IE6中使用如, , 等新标签。 2. **Modernizr**: Modernizr是一个JavaScript库,用于检测浏览器对HTML5和CSS3特性的支持情况。它可以让你知道哪些...

    css a:hover下的span样式无效的解决方法

    在这个特定的问题中,用户尝试在`&lt;a&gt;`标签内的`&lt;span&gt;`元素上应用`:hover`效果,但发现在IE6浏览器中不起作用。这个问题是由于早期版本的IE浏览器对CSS选择器支持的限制所导致的。 在初始的CSS代码中: ```css a:...

    解决IE6没法实现hover

    然而,在IE6下,这段代码将不起作用。为了解决这个问题,开发者们找到了一种名为行为(Behaviors)的技巧,它是IE6特有的CSS扩展,允许CSS与脚本(通常是JavaScript或VBScript)结合。其中,`csshover.htc`(CSS ...

    CSS在网页上实现浮动层跟随滚动条特效(兼容IE6)

    而在 IE6 以上版本或者其它 Firefox, Chrome, Safari, Opera 浏览器下,编程方式却变为无效,通过 CSS 样式 `position:fixed;` 就能实现浮动且能跟随滚动条移动。 2. 全 CSS 实现 这种方式使用几个特殊的 CSS 来...

Global site tag (gtag.js) - Google Analytics