您的位置：首页 > Web前端

前端_IE标准模式和传统模式

2014-01-17 14:24 330 查看 
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:red\9;/*IE6、IE7、IE8背景?色*/
}

　　2.区别IE6,IE7,IE8,FF

　　【区别符号】：「\9」、「*」、「_」

　　【示例】：

以下是代码片段：
#tip{
background:blue;/*Firefox背景变蓝色*/
background:red\9;/*IE8背景变红色*/
*background:black;/*IE7背景变黑色*/
_background:orange;/*IE6背景变橘色*/
}

　　【说明】：因为IE系列浏览器可读「\9」，而IE6和IE7可读「*」(米字号)，另外IE6可辨识「_」(底线)，因此可以依照顺序写下来，就会让浏览器正确的读取到自己看得懂得CSS语法，所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、 GoogleChrome、Safari等)。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航