css注释需注意的地方
Posted by | Posted in Css | Posted on 10-11-2009
今天遇到一个很诡异的问题,就是同样的css代码和相同的dom在FF和IE下面显示的效果却不一样,仔细查看了css文件,觉得不存在不兼容IE的写法,并且IE中出现很多css失效的现象。也许有人会说是文档编码的问题,但是今天的页面是老页面,都是gb2312的编码,css也是如此,并没有调用新页面中的utf-8文件。即便我在css的link中加入charset属性也无济于事,排除了编码的不一致造成样式解析错误。
后来一行一行调试发现原来罪魁祸首是css中的注释,很无辜。大家都知道css注释是“/*这里是要加的注释内容*/”,但是如果注释的内容有中文的话,就要注意了,一个*是不够的,要么用“/**这里是要加的注释内容**/”加上2个以上*来注释,或者在内容和注释符号之间加入空格,如“/* 这里是要加的注释内容 */”,这样css在解析的过程中才会正常解析,要不在IE下面就会产生很多诡异的显示问题。同时英文注释不受限制,写道这里我觉得还是和字符编码有一定的关系,主要是因为页面的编码是gb2312吧,如果是utf-8的话,估计就不会有以上的限制了。回去试试看就知道了。
很简单的技巧,但是很实用,也许很多人觉得是小儿科了,不足为道。我还是比较喜欢写点简单的东西,慢慢积累~~

文件用UTF-8编码
头上加 @charset “utf-8″;
页面的编码 不会影响CSS文件 HOHO`
受教了,我试试看