借助html分别禁用ie8, ie9的兼容视图模式的小技巧
2016-06-23来源:易贤网

从 ie 8 开始,ie 添加了兼容模式,开启后会以低一版本的 ie 进行渲染。但是有时这样会导致网页出问题,于是我们通常在 html 中添加下列代码来使 ie 使用固定的渲染模式:

代码如下:

<meta http-equiv=x-ua-compatible content=ie=8> <!--以ie8模式渲染-->

<meta http-equiv=x-ua-compatible content=ie=7> <!--以ie7模式渲染-->

但是我就遇到了一种情况,在 ie8 下只有不使用兼容模式页面才能显示正常,但是如果设定为 ie8 的模式,在 ie9 中却会导致 css3 失效。看来,我需要针对 ie8、ie9 分别 禁用兼容模式。怎么办呢?可以在后台判断浏览器版本,如果是 ie8 就输出content=ie=8,如果是 ie9 就输出 content=ie=9。但是这样 html 是无法实现的。其实,可以单纯使用下面的代码来实现:

代码如下:

<meta http-equiv=x-ua-compatible content=ie=9; ie=8; ie=7; ie=edge>

推荐信息