您的位置：首页 > Web前端 > CSS

IE怎么可能会为了CSS样式而改变

2014-01-08 11:24 295 查看
if IE这样的判断语句其实并非只适合引入相应的CSS或js，也可以用在HTML中引入相关的HTML内容，但是在实际应用的时候，大多的应用场合是用来引入相应的CSS或js的。我们在这篇文章里以引入相应的CSS为实例。

对于if IE判断语句本身，其结构是：

<!--[if 条件]> 符合条件的结果<br> <![endif]-->

然后是条件所需的几个保留字符：

!：非；

lt:其实就是<，小于号；

gt:其实就是>，大于号；

e:等于，必须跟在lt或gt之后使用，构成小于等于或者大于等于；

下面是if IE的判断语句的应用实例和释义,重点是几个

<!--[if !IE]> 除IE外都可识别<br> <!--<![endif]-->

<!--[if IE]> 所有的IE可识别 <br> <![endif]-->

<!--[if IE 8]> 仅IE8可识别 <br> <![endif]-->

<!--[if lt IE 9]> IE9以下版本可识别 <br> <![endif]-->

<!--[if gt IE 6]> IE6以上版本可识别<br> <![endif]-->

<!--[if lte IE 8]> IE8及以下版本可识别 <br> <![endif]-->

<!--[if gte IE 6]> IE6以及IE6以上版本可识别<br> <![endif]-->

<!--[if (gt IE 6)&(lte IE 9)]> IE7/IE8/IE9版本可识别<br> <![endif]-->

<!--[if (IE 7)|(IE 8)]> IE7或IE8版本可识别<br> <![endif]-->

写在HTML的body测试：

<!doctype html>

<html lang="zh_CN">

<head>

<meta charset="UTF-8">

<title>'if IE' test Document by Suoling.net</title>

</head>

<body>

<!--[if !IE]> 除IE外都可识别<br> <!--<![endif]-->

<!--[if IE]> 所有的IE可识别 <br> <![endif]-->

<!--[if IE 8]> 仅IE8可识别 <br> <![endif]-->

<!--[if lt IE 9]> IE9以下版本可识别 <br> <![endif]-->

<!--[if gt IE 6]> IE6以上版本可识别<br> <![endif]-->

<!--[if lte IE 8]> IE8及以下版本可识别 <br> <![endif]-->

<!--[if gte IE 6]> IE6以及IE6以上版本可识别<br> <![endif]-->

<!--[if (gt IE 6)&(lte IE 9)]> IE7/IE8/IE9版本可识别<br> <![endif]-->

<!--[if (IE 7)|(IE 8)]> IE7或IE8版本可识别<br> <![endif]-->

</body>

</html>

用IE8打开，会看到：

所有的IE可识别

仅IE8可识别

IE9以下版本可识别

IE6以上版本可识别

IE8及以下版本可识别

IE6以及IE6以上版本可识别

IE7/IE8/IE9版本可识别

IE7或IE8版本可识别

应用举例：

对于非IE的浏览器：

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

<link type="text/css" rel="stylesheet" href="/stylesheets/no-ie.css" />

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

对于全部IE浏览器：

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

<link type="text/css" rel="stylesheet" href="/stylesheets/for-ie.css" />

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

对于IE8浏览器：

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

<link type="text/css" rel="stylesheet" href="/stylesheets/for-ie8.css" />

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

你可以根据自己的实际需求，用if IE引入自己的css或js了，当然，HTML内容也是可以的，比如，当IE浏览器版本过低的时候！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航