部分CSS在IE6中无效的原因
2009-09-06 10:12
197 查看
原文出处:http://blog.fufuok.com/Article/CSS_IE6_invalid.aspx
今天在移置iNove的时候,遇到部分CSS在IE6中无效,百思不得其解,折腾了好久终于找到原因。
我用Win2003+IE7,一般我都是先在IE7和Firefox里调试,实时处理差异,因为它们两个的差异最大嘛,话说我把HTML和CSS都整理好了,在IE7、Firefox、Opera、Chrome中都能很好地表现,然后准备到IE6里看看。
应用iNove时,大部分样式都很正确,就右边的 文章分类 死活不排为两列,并且图标为默认的圆点,我本来设置的是文件夹图标;还有就是 评论发表 完全没有应用样式表,但除此之外的样式应用得很好。
改啊改,调啊调,没戏。Google一下,百度一下,没答案。
但我不用 <link rel="Stylesheet" type="text/css" href="/Themes/iNove/Theme.css" /> ,而是把CSS文件的内容全写到页面 <style>...</style> 中,嘿,正常了。郁闷吧。
最后找到部分CSS在IE6中无效的原因是CSS注释: /* 评论发表 */ 这几个字,删除了,或改成英文,用 link CSS 在IE6中也正常了, 文章分类 也是如此。
想想不应该啊,在IE7等其他浏览器中就可以呢,而且以往写 CSS 的时候都有用中文注释,并且其他的 Skin 也是中文注释而且使用正常。
那几字编码不对?不存在,UTF-8在DW中的中文字符不太好选择和控制,但来解释这个问题有点牵强,IE6 代码分析能力不强?呵呵,暂时安慰一下。等有答案了再为它平反。
前阵子遇到 Bitrac 放在 Windows 2000 服务器上,标签页中的中文标签有一些就出现乱码,无法访问,解析能力还有一点依据。
今天在移置iNove的时候,遇到部分CSS在IE6中无效,百思不得其解,折腾了好久终于找到原因。
我用Win2003+IE7,一般我都是先在IE7和Firefox里调试,实时处理差异,因为它们两个的差异最大嘛,话说我把HTML和CSS都整理好了,在IE7、Firefox、Opera、Chrome中都能很好地表现,然后准备到IE6里看看。
应用iNove时,大部分样式都很正确,就右边的 文章分类 死活不排为两列,并且图标为默认的圆点,我本来设置的是文件夹图标;还有就是 评论发表 完全没有应用样式表,但除此之外的样式应用得很好。
改啊改,调啊调,没戏。Google一下,百度一下,没答案。
但我不用 <link rel="Stylesheet" type="text/css" href="/Themes/iNove/Theme.css" /> ,而是把CSS文件的内容全写到页面 <style>...</style> 中,嘿,正常了。郁闷吧。
最后找到部分CSS在IE6中无效的原因是CSS注释: /* 评论发表 */ 这几个字,删除了,或改成英文,用 link CSS 在IE6中也正常了, 文章分类 也是如此。
想想不应该啊,在IE7等其他浏览器中就可以呢,而且以往写 CSS 的时候都有用中文注释,并且其他的 Skin 也是中文注释而且使用正常。
那几字编码不对?不存在,UTF-8在DW中的中文字符不太好选择和控制,但来解释这个问题有点牵强,IE6 代码分析能力不强?呵呵,暂时安慰一下。等有答案了再为它平反。
前阵子遇到 Bitrac 放在 Windows 2000 服务器上,标签页中的中文标签有一些就出现乱码,无法访问,解析能力还有一点依据。
相关文章推荐
- IE6下 CSS z-index属性失效原因浅析
- DIV+CSS网页布局中CSS无效的十个常见原因
- IE6 CSS高度height:100% 计算失效/无效
- CSS中overflow:hidden在ie6、ie7无效不能隐藏解决办法
- CSS中设置margin:0 auto; 水平居中无效的原因分析
- 修改时间时,都提示:在该域中键入的部分字符无效,请键入其他字符。 新装系统,已查无病毒。不知道什么原因。
- Jquery中在slideUp等动画后设置css()可能无效的原因
- 解决ie6中css无效
- 网页布局中CSS无效的十个常见原因
- Div CSS网页布局中CSS无效的十个常见原因
- css伪类hover ie6bug,揭开IE6下hover不显示原因
- csshover.htc在IE7下使用:active伪类无效的原因
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- css无效的常见原因有哪些
- (转)写的html页面引用外部css文件的时候在IE7,IE8和FF中能正常作用,即能正常显示,可在IE6中却完全没有作用到,即css文件里的样式根本未被解析到我们的html页面,这是什么原因?
- CSS中设置margin:0 auto; 水平居中无效的原因分析
- IE6下CSS没用,也不是说完全没用,抬头部分还是正常,到下面就完全没有CSS
- IE6中a:hover的CSS伪类无效
- css ie6、ie7、ie8中overflow:hidden无效解决办法
- IIS启用GZIP压缩js、css无效的原因及解决方法