巧用HTML解决IE视图兼容问题

看到标题可能有的朋友就会奇怪，为什么我们要禁用掉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技巧浏览器测试