另外，采用不同的 X-UA-Compatible 模式也会影响不同版本的 IE 渲染差异。建议设置默认渲染模式如下：
<meta http-equiv=”X-UA-Compatible” content=”IE=Edge”> 标准 IE 模式
通过条件判断插入指定类
既然可以用条件判断，那么直接为不同 IE 版本输出单独用于设定样式的钩子类好了。直接上代码：
<!–[if !IE]><html><![endif]–> // 非 IE 浏览器的情况，不添加任何作用类
<!–[if IE 6]><html class=”ie6″><![endif]–>
<!–[if IE 7]><html class=”ie7″><![endif]–>
<!–[if IE 8]><html class=”ie8″><![endif]–>
如果要是 IE9、IE10 再想出现什么神奇的行为艺术的话，继续添加指定作用类就行咯。并且你的样式表也会变得异常干净、整洁、美观：
.selector { color: black; }
.ie8 .selector { color: green; } /* IE8 */
.ie7 .selector { color: blue; } /* IE7 */
.ie6 .selector { color: red; } /* IE6 */
当然，标准模式的 X-UA-Compatible 声明还是必须的，以防页面被强制按照低版本的 IE 来渲染。