IE 条件注释(转)

notepaper 2012-08-20

一、条件注释简介

  • IE中的条件注释(Conditionalcomments)对IE版本IE、非IE有优秀的区分能力,是WEB设计中常用的hack方法。
  • 条件注释只能用于IE5以上
  • 如果你安装了多个IE,条件注释将会以最高版本的IE为标准。
  • 条件注释的基本结构和HTML的注释(<!––>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
  • IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。
  • IE大、小版本判断参考官网
  • DOM隐藏条件判断、DOM显示条件判断参考官网

二、条件注释属性

  • gt:greaterthan,选择条件版本以上版本,不包含条件版本
  • lt:lessthan,选择条件版本以下版本,不包含条件版本
  • gte:greaterthanorequal,选择条件版本以上版本,包含条件版本
  • lte:lessthanorequal,选择条件版本以下版本,包含条件版本
  • !:选择条件版本以外所有版本,无论高低
  • [ifIE]:IE浏览器判断
  • [ifWindowsEdition]:是否运行在Windows中判断

三、条件注释使用方法

<!--[if IE]><p>你在使用IE浏览器</p><![endif]-->
<![if !IE]><p>你不在使用IE浏览器</p><![endif]>

<!--[if IE 7]><p>Welcome to Internet Explorer 7!</p><![endif]-->
<!--[if !(IE 7)]><p>You are not using version 7.</p><![endif]-->

<!--[if gte IE 7]><p>You are using IE 7 or greater.</p><![endif]-->
<!--[if (IE 5)]><p>You are using IE 5 (any version).</p><![endif]-->
<!--[if (gte IE 5.5)&(lt IE 7)]><p>You are using IE 5.5 or IE 6.</p><![endif]-->
<!--[if lt IE 5.5]><p>Please upgrade your version of Internet Explorer.</p><![endif]-->

<!--[if true]>You are using an <em>uplevel</em> browser.<![endif]-->
<![if false]>You are using a <em>downlevel</em> browser.<![endif]>

<!--[if true]><![if IE 7]><p>This nested comment is displayed in IE 7.</p><![endif]><![endif]-->

翻译过的官网文档:IE条件注释

MSDN原文链接:AboutConditionalComments

参考的文档:IE中的条件注释

相关推荐