在写前面的读书笔记时,因为要使得CSS代码更易读,便在CSS中写了注释。CSS中的注释形式与C++中的多行注释形式相同:
css格式
/* 注释内容 */
并且只有这一种形式,即使CSS代码嵌入在HTML中,写成也是不行的。
CSS中写上注释后,在Firefox中显示正常,而且IE6中无样式效果。查看源代码,也没什么问题。
中文注释引起css失效的原因
调试后发现,网页打开时,IE默认编码为UTF-8,改为GB-2312后显示正常。奇怪的是文件中明明写上了,为何要改成“简体中文(GB2312)”CSS才起作用呢?
经检查,原来是HTML的源文件被保存成了ANSI格式。另存为UTF-8后问题解决,在Firefox与IE中均能默认正常显示。看来这应该是编码格式不统一引发的问题,但在Firefox中却一切正常令人奇怪。
问题的解决方法
今天从SVN上获取同事更改后的代码编译运行,发现在它那里边全部能显示的图片按钮在我这里居然有部分显示不出来,查了半天终于搞出了问题的原因,原来是在CSS中定义图片按钮的样式时使用的中文注释的原因。查出原因就好办了,上网搜出了解决方法。
原来的中文注释格式如下:
- /*班长监控-强插*/
- .INPUT-BUTTON-Insert
- {
- TEXT-ALIGN:center;
- HEIGHT: 22px;
- width: 74px;
- FONT: 9pt;
- border:0px;
- padding-top:3px;
- background-color: #e6edf7;
- background-image:url(../../res/images/button/Insert.gif);
- CURSOR: hand;
- }
