`

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

分享到:
评论

相关推荐

    如何只在IE上加载CSS样式表

    前言:IE一直是特殊的一个浏览器,我们可以使用一些方法来指定样式表只在IE浏览器下被加载。 IE9以及低于IE9版本 : 可以使用条件注释语句来加载特定于ie的样式表。如下所示,使用外部样式表。 &lt;!--[if IE]&gt; &lt...

    针对firefox ie6 ie7 ie8的css样式hack

    针对firefox ie6 ie7 ie8的css样式hack 以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7...

    IE6 div最小高度去除方法以及IE6div垂直居中css样式

    div最小高度去除办法:IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。...

    让IE6、7 、8支持CSS3新特性插件

    一个能让IE9一下的浏览器完美支持CSS样式新特性的插件,比如支持圆角,文字、元素阴影效果。

    CSS浏览器兼容性常见问题总结大全(推荐)

    DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容. ...

    IE对网页中引入CSS样式表的限制

    首先介绍一下HTML文档与CSS 的关联常见有4种方式:1、使用link标记 &lt;linkrel stylesheettype=text/csshref&gt; 2、使用style元素 &lt;styletype&gt;body{background:#fff;...4、使用style属性的内联样式(inlinestyle) &lt;psty

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

    通过link方式引用css,在ie7,ie8可以正常显示,ie6不能正常显示。 解决: 1、改变文件编码格式为utf-8,并在css文件加上 @charset "utf-8"; 2、去掉css中的中文注释。 原因: 网页采用了 UTF-8 编码格式,这...

    ad.css轻松去除IE9广告

    然后,打开IE的“Internet选项”,点击“辅助功能”,勾选“使用样式表编排文档格式”,选中ad.css,确定。ad.css里面是一些热门网站的广告代码,它把网页中的广告去掉了。本方法适用于IE9,部分适用于IE8,因为IE8...

    JS控制打印指定div(且控制css样式)的一种另类思路

    打印指定div的插件并不多,使用JPrintArea进行指定div打印也并不好控制,此段js代码是在他人基础上融入了自己的想法,经过测试,纸张打印出来的样式在多个浏览器(ie6、ie7、ie8、火狐、谷歌)上可以做到基本统一,...

    CSS文集

    横向导航 CSS样式嵌套 div+css处理firefox与IE6的水平居中效果 div+css的padding缩写方式 div+css的格式较验 div+css的重要工具:Internet Explorer Developer Toolbar div+css使用!important标记...

    ie6ie7ie8共存以及Firefox浏览器CSS兼容写法

    在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIVCSS设计的网,就应该更注意IE6IE7FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!Java中文网海量权威开发资料,欢迎游客会员...

    IE中使用高级CSS3选择器

    ie-css3.js下载页面的每一个样式文件并解析它的CSS3伪选择器。如果一个选择器被找到,它就会被替换为同名的CSS class。比如: div:nth-child(2) 将会变成 div._iecss-nth-child-2 。然后,Robert Nyman的...

    CSS样式表教程:浏览器默认样式

    不同浏览器对于相同元素的默认样式并不一致,这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0};不过现在说的可不只是这些。基本上,不同内核的两个浏览器在某些元素的表现...也许一个很漂亮的CSS样式表在

    jQuery自动生成css投影样式

    使用jQuery自动生成css投影样式,可以自定义投影大小、距离、颜色、透明度等等。浏览器要求ie10以上版本;http://www.jq22.com/jquery-info561

    CSS解决方案:IE6中遇到png兼容性

    把背景图片如常的合并,利用相似于... 在问题1的基础上,针对IE6采用了CSS滤镜让其透明,但图片不能应用背景坐标定位的方式只能单张使用,这做法不利于带宽流量和请求链接数之余也不利样式的管理 在问题2的基础上,意

    ie-css3.htc

    ie各个版本浏览器兼容圆角样式属性:border-radius,具体使用方法可参考:https://blog.csdn.net/Bibabu135766/article/details/79522496

    Bootstrap(CSS库)

    “Bootstrap 使用了一些最新的Web 浏览器技术,向开发者提供了时尚的排版、样式、按钮、表格、网格、导航和一切所需的东西,而且它所占资源极小,用gzip压缩后只有6k。” 由于Firefox,Chrome和Safari等浏览器对W3...

    CSS 样式表中引用图片地址在各浏览器中的差异

    通常,我们的样式和图片的结构如下 user.qzone.qq.com/ – a.css |- background-image:url(b.jpg) 经过测试ie和safari以及opera,a.css样式中的b.jpg背景图片的样式referer来源是站点的主域名地址. 而我们的...

Global site tag (gtag.js) - Google Analytics