触发原因:
1、HTML页面编码与CSS编码不同(DEMO中HTML为gbk,CSS为utf-8)
2、CSS文件中未指定@charset头声明,导致IE默认使用页面编码来解码CSS文件
3、当中文注释字数为奇数时,会与结尾的 “*/” 组合成新的合法字符,致使注释未能关闭,紧跟其后的样式被注释失效。
解决方案:
1、HTML页面编码与CSS编码不同(DEMO中HTML为gbk,CSS为utf-8)
2、CSS文件中未指定@charset头声明,导致IE默认使用页面编码来解码CSS文件
3、当中文注释字数为奇数时,会与结尾的 “*/” 组合成新的合法字符,致使注释未能关闭,紧跟其后的样式被注释失效。
解决方案:
1、在中文注释右侧加空格,例如 /*前端开发*/改为/*前端开发 */。或者是去掉中文注释,改为英文注释,最好是调试的时候不要写注释
2、统一HTML、CSS字符编码。3、CSS文件代码顶部加声明,例如 @charset "utf-8"; 指定编码类型。