很多在急速chrome内核能够正常浏览的css样式在ie8下面却是一团糟,这个是很难事先预料的问题。在我们的代码已经初步完成后,需要对ie兼容性进行一些调整。
首先是大范围的兼容性设置,添加如下代码:
<meta http-equiv="x-ua-compatible" content="ie=7" />
<meta http-equiv="X-UA-Compatible" content="IE=5" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
然后是对细节进行调整,利用hack技术,利用不同浏览器对注释的解析不同,导致一些混乱,从而跳过解析,而在另外一些浏览器使其能够正常解析得到。
例如:
margin-top/*\**/: 20px\9;/*ie兼容*/
margin-left/*\**/: -25px\9;/*ie兼容*/