IE传统模式
IE8之前的版本采用的渲染模式，如IE7、IE6
能正确显示绝大多数的页面，页面的图像、文本等元素位置不当的问题将被纠正
此模式适合浏览为IE8之前的IE浏览器设计的页面
IE8标准模式
以最遵循W3C标准的方式渲染页面，此模式下能通过Acid2测试
可能导致一些不遵循W3C标准的页面显示不正确
此模式适合浏览遵循W3C标准的页面
<!--[if lt IE 7 ]><html class="ie6"><![endif]-->
<!--[if IE 7 ]><html class="ie7"><![endif]-->
<!--[if IE 8 ]><html class="ie8"><![endif]-->
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<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" >
<base href="http://cnblogs.com/">
#tip{
background:blue;/*Firefox背景变蓝色*/
*background:green!important;/*IE7背景变绿色*/
*background:orange;/*IE6背景变橘色*/
}
【说明】：IE7可以辨识「*」和「!important」，但是IE6只可以辨识「*」，却无法辨识「!important」，至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。
1.区别IE和非IE浏览器
以下是代码片段：
#tip{
background:blue;/*非IE背景?色*/
background:red9;/*IE6、IE7、IE8背景?色*/
}
2.区别IE6,IE7,IE8,FF
【区别符号】：「9」、「*」、「_」
【示例】：
以下是代码片段：
#tip{
background:blue;/*Firefox背景变蓝色*/
background:red9;/*IE8背景变红色*/
*background:black;/*IE7背景变黑色*/
_background:orange;/*IE6背景变橘色*/
}
【说明】：因为IE系列浏览器可读「9」，而IE6和IE7可读「*」(米字号)，另外IE6可辨识「_」(底线)，因此可以依照顺序写下来，就会让浏览器正确的读取到自己看得懂得CSS语法，所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、 GoogleChrome、Safari等)。