IE浏览器条件注释if IE详解

无论是google还是百度搜到的if IE条件注释用法,排在前面的几个搜索结果文章都是有错误和漏洞的,而这些漏洞和错误导致我一度误以为有些IE条件注释已经失效了,即使不是失效,也令我 很费解。今天抽时间查阅了些老外写的东西,并且都试验了一遍。发现给我造成费解的原因是那些文章大多都是抄来的,没有经过亲自试验,在复制来复制去的过程 中就把某些关键的地方弄错了:( 现将正确的if IE条件注释用法总结一下,以便以后使用:

运算符 示例 说明
! [if !IE] 非运算符。该例子表示所有的非IE浏览器(注:如果是判断带版本号的非,需要加子表达式,即括号,如:[if !(IE 7)] 表示非IE7)
lt [if lt IE 7] 小于运算符,如果第一个参数小于第二个参数,则返回true。该例子表示小于IE7(不等于IE7)
lte [if lte IE 7] 小于或等于运算符,如果第一个参数是小于或等于第二个参数,则返回true。该例子表示小于或等于IE7
gt [if gt IE 7] 大于运算符,如果第一个参数大于第二个参数,则返回true。该例子表示大于IE7(不等于IE7)
gte [if gte IE 7] 大于或等于运算符。如果第一个参数大于或等于第二个参数,则返回true。该例子表示大于或等于IE7
( ) [if !(IE 7)] 子表达式运算符。该例子表示小于IE8(不包括IE8)
& [if (gt IE 6)&(lt IE 8)] 与运算符,如果所有的子表达式计算结果为true,返回true。该例子表示大于IE6并且小于IE8,跟[if IE 7]结果是一样的
| [if (IE 6)|(IE 7)] 或运算符,如果所有的子表达式计算结果中有一个为true,返回true。该例子表示如果是IE6或者IE7

常用例子:

<!--[if IE]> 仅IE浏览器可识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 7]> IE7以下(不包括IE7)可识别 <![endif]-->
<!--[if lte IE 7]> IE7及IE以下可识别 <![endif]-->
<!--[if gte IE 7]> IE7及IE以上可识别 <![endif]-->
<!--[if !IE]><!--> 非IE浏览器可识别 <!--<![endif]-->
<!--[if !(IE 7)]><!--> 非IE7可识别 <!--<![endif]-->

注意:

  • 1、”IE”与版本号之间是有一个空格的,即”IE7″这样的写法是错误的;
  • 2、非运算符的写法和其他的不太一样,请认真看清楚。

IE浏览器条件注释if IE详解,布布扣,bubuko.com

时间: 2024-10-14 05:13:17

IE浏览器条件注释if IE详解的相关文章

(转)CAS (4) —— CAS浏览器SSO访问顺序图详解(CAS Web Flow Diagram by Example)

CAS (4) —— CAS浏览器SSO访问顺序图详解(CAS Web Flow Diagram by Example) tomcat版本: tomcat-8.0.29 jdk版本: jdk1.8.0_65 nginx版本: nginx-1.9.8 cas版本: cas4.1.2cas-client-3.4.1 参考来源: jasig.github.io:CAS protocol CAS (1) —— Mac下配置CAS到Tomcat(服务端) CAS (2) —— Mac下配置CAS到Tomc

css3浏览器私有属性前缀使用详解

什么是浏览器私有属性前缀 CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式.它暗示该CSS属性或规则尚未成为W3C标准的一部分. 以下是几种常用前缀 -webkit- -moz- -ms- -o- -khtml-(现在基本都没有用了,被-webkit-取代) 举例来说,一个CSS3圆角的代码是: -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius

【转载】 Eclipse注释模板设置详解

 Eclipse注释模板设置详解 网站推荐: 金丝燕网(主要内容是 Java 相关) 木秀林网(主要内容是消息队列)

使用html进行浏览器判断,浏览器条件注释

下面来点今天写东西的时候查资料,收集的关于使用html进行浏览器判断的一些资料: 条件注释的基本格式: <!--[if expression]>注释内容<![endif]--> 或者 <![if expression]>注释内容<![endif]> 基本上所有的条件注释就根据上面的内容而来 expression的常用值: IE ie浏览器 IE version 版本为version的ie浏览器 lt IE version 版本号小于version lte I

浏览器条件注释

原文链接:http://www.blueidea.com/tech/site/2006/3561.asp 浏览器的条件注释理论,用下面一段例子来解释这个问题 (X)HTML 下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果: <!--[if IE]><h1>您正在使用IE浏览器</h1><![endif]--><!--[if IE 5]><h1>版本 5</h1><![endif]--><!--

浏览器 HTTP 协议缓存机制详解

1.缓存的分类 2.浏览器缓存机制详解 2.1 HTML Meta标签控制缓存 2.2 HTTP头信息控制缓存 2.2.1 浏览器请求流程 2.2.2 几个重要概念解释 3.用户行为与缓存 4.Refer: https://www.cnblogs.com/520yang/articles/4807408.html 最近在准备优化日志请求时遇到了一些令人疑惑的问题,比如为什么响应头里出现了两个 cache control.为什么明明设置了 no cache 却还是发请求,为什么多次访问时有时请求里

Eclipse注释模板设置详解

设置注释模板的入口:Window->Preference->Java->Code Style->Code Template 然后展开Comments节点就是所有需设置注释的元素.本文现就每一个元素逐一给大家介绍一下. 文件(Files)注释标签: 1 2 3 4 5 6 7 8 /** * @Title: ${file_name} * @Package ${package_name} * @Description: ${todo}(用一句话描述该文件做什么) * @author $

浏览器渲染阻塞与优化-详解推迟加载、异步加载。

我认为一个前端工程师是否优秀,很大程度上取决于对前端性能上优化的功力.所以性能优化对前端真的很重要!!! 本文介绍了什么是阻塞.为什么会阻塞?阻塞优化常用的5种方式以及他们的注意事项. 浏览器渲染阻塞与优化      什么是阻塞?在页面中我们通常会引用外部文件,而浏览器在解析HTML页面是从上到下依次解析.渲染,如果<head>中引用了一个a.js文件,而这个文件很大或者有问题,需要2秒加载,那么浏览器会停止渲染页面(此时是白屏显示,就是页面啥都没有),2秒后加载完成才会继续渲染,这个就是阻塞

Eclipse最新版注释模板设置详解

设置注释模板的入口: Window->Preference->Java->Code Style->Code Template 然后展开Comments节点就是所有需设置注释的元素啦.现就每一个元素逐一介绍: 文件(Files)注释标签: /** * @Title: ${file_name} * @Package ${package_name} * @Description: ${todo}(用一句话描述该文件做什么) * @author A18ccms A18ccms_gmail_