css中注释引起样式无效不可用

最新推荐文章于 2025-10-19 13:09:54 发布

最新推荐文章于 2025-10-19 13:09:54 发布 · 511 阅读

文章标签：

#CSS

css 专栏收录该内容

0 篇文章

订阅专栏

探讨了在IE6浏览器中加载包含特定中文字符的CSS样式时遇到的问题，揭示了@charset声明及中文字符对样式加载的影响。

@charset "utf-8";
/* 底部边界 */
.topbg{ background:url(topbg.jpg); height:96px;}
.topleft{ text-align:left; height:96px;}

@charset "utf-8";
/* 底部边 */
.topbg{ background:url(topbg.jpg); height:96px;}
.topleft{ text-align:left; height:96px;}

以上两个css样式，在IE6上（据说IE7可以）第一个是引用不到所定义的样式，而第二个可以，原因是中文“界”字，删除掉或改用英文或数字都可以，根本原因不清楚，据说为UTF-8编码的问题，CSS文件中存在中文，而utf-8字符集不能读取，导致CSS部分或全部的失效，不过既然涉及到文字，除了编码方面之外的解释也暂时没有别的说法了，应该引起无效的文字应该还有很多。

引起无效的范围为此注释开始到下一个注释之前的样式全无效，看来代码写注释有时候也并不是好事。。。

据说：CSS如果第一行有@charset "utf-8";的话也不行，暂未发现