看到标题可能有的朋友就会奇怪,为什么我们要禁用掉IE的兼容模式?理由很简单,因为从IE8开始,浏览器新添加了这个兼容视图模式,当我们开启后,使其向低一版本的IE进行一个“渲染”,所以在浏览网页的过程中会引起一些不必要的问题,于是小编告诉大家一个常用的利用HTML添加代码来使我们使用的IE固定渲染模式。
代码如下所示:
meta http-equiv="X-UA-Compatible" content="IE=8"
meta http-equiv="X-UA-Compatible" content="IE=7"
可是也有一种特殊情况,有时我们在使用IE8时不开启兼容模式能正常显示网页,但是设置为IE8兼容模式后在IE9中会显示出CSS3失效,这是什么问题呢?难道我针对这两种IE分别禁用兼容模式吗?或者让其自动判定浏览器属于哪个版本?假设是IE7就输出content="IE=7";是IE8就输出content="IE=8"?所以此时我们又可以使用如下代码来达到我们的目的。
代码如下所示:
meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"
标签:IE技巧浏览器测试