css IE8兼容问题

来源:互联网 发布:java reference 编辑:程序博客网 时间:2024/06/07 15:48

很多在急速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兼容*/


0 0