展会信息港展会大全

针对IE6、7、8条件注释语句(不同版本IE显示用不用css)
来源:互联网   发布日期:2016-03-25 15:52:41   浏览:2210次  

导读:高级应用开发我们都会去利用if来判断用户浏览器不同版本IE显示用不用css,下面我来给大家总结一些针对IE6、7、8条件注释语句用法,希望这些方法对各位朋友有帮助。一、条件注释简介1.I...

高级应用开发我们都会去利用if来判断用户浏览器不同版本IE显示用不用css,下面我来给大家总结一些针对IE6、7、8条件注释语句用法,希望这些方法对各位朋友有帮助。

一、条件注释简介

1.IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。

2.条件注释只能用于IE5以上。

3.如果你安装了多个IE,条件注释将会以最高版本的IE为标准。

4.条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。

5.IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。

二、条件注释属性

gt : greater than,选择条件版本以上版本,不包含条件版本

lt : less than,选择条件版本以下版本,不包含条件版本

gte : greater than or equal,选择条件版本以上版本,包含条件版本

lte : less than or equal,选择条件版本以下版本,包含条件版本

! : 选择条件版本以外所有版本,无论高低

1、Css if hack条件语法

< !--[if IE]> Only IE <![endif]-->

仅所有的WIN系统自带IE可识别

< !--[if IE 5.0]> Only IE 5.0 <![endif]-->

只有IE5.0可以识别

< !--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->

IE5.0包换IE5.5都可以识别

< !--[if lt IE 6]> Only IE 6- <![endif]-->

仅IE6可识别

< !--[if gte IE 6]> Only IE 6/+ <![endif]-->

IE6以及IE6以下的IE5.x都可识别

<!--[if lte IE 7]> Only IE 7/- <![endif]-->

仅IE7可识别

< !--[if gte IE 7]> Only IE 7/+ <![endif]-->

IE7以及IE7以下的IE6、IE5.x都可识别

<!--[if IE 8]> Only IE 8/- <![endif]-->

仅IE8可识别

<!--[if IE 9]> Only IE 9/- <![endif]-->

仅IE9可识别

注:在 if后加 lt gte有不同效果 (参加其它参数同理)

<!–[if IE 8]> = IE8 仅IE8可识别

<!–[if lt IE 8]> = IE7或更低版本

<!–[if gte IE 8]> = 高于或者等于IE8版本

下面的代码是在非IE浏览器下运行的条件注释

<!--[if !IE]><!-->

您使用不是 Internet Explorer

<!--<![endif]-->

<!--[if IE 6]><!-->

您正在使用Internet Explorer version 6或者 一个非IE 浏览器

<!--<![endif]-->

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>DIV IF条件实例</title>

</head>

<body>

你正在使用:

<!--[if IE 7]>

<h2>IE7</h2>

<![endif]-->

<!--[if IE 6]>

<h2>IE6</h2>

<![endif]-->

<!--[if IE 8]>

<h2>IE8</h2>

<![endif]-->

<!--[if IE 9]>

<h2>IE9</h2>

<![endif]-->

<br><br>

<strong>说明</strong>:如果你的浏览器版本为多少即会显示IE多少,针对IE6-IE9实验</body>

</html>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港