<!–[if lte IE 6]><![endif]–>的作用

快乐打工仔 分类:实例代码

<!--[if lte IE 6]><![endif]-->的作用属于前端实例代码,有关更多实例代码大家可以查看

在网页中经常会看到类似标题上的内容,如果不了解的话可能感觉比较陌生,如果了解一些编程语言的话,可能会感到比较面熟,类似于if条件语句,也许会猜测出它的作用,不过最好能够有个清晰的了解。先看一段代码实例:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>CSS实例教程</title> 
<style type="text/css">
div{
  width:200px;
  color:red;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
div{
  color:blue;
}
</style>
<![endif]-->
</head>
<body>
  <div>犀牛前端部落</div>
</body>
</html>

以上代码如果在IE6或者IE6以下的浏览器中执行,字体颜色为蓝色,在其他浏览器中字体颜色为红色。所以可以认为这是一个if判断语句,并且具有一定的语法格式:if语句被包裹在中括号([])中,并且在中括号外面又嵌套了一层html注释语句,其实这就相当于一个注释语句,只不过在特定的浏览器下能够执行而已。lte表示小于等于,例如表示IE7浏览器和IE7浏览器以下IE浏览器就可以写成以下语句:

<!--[if lte IE 7]>
CSS样式语句
<![endif]-->

如果表示IE浏览器中只对IE8浏览器生效那么就可以这么写:

<!--[if  IE 8]>
CSS样式语句
<![endif]-->

如果表示只有IE8浏览器不生效可以用以下写法:

<!--[if ! IE 8]>
<style type="text/css">
CSS样式语句
<![endif]-->

如果表示所有浏览器不生,可以用以下写法:

<!--[if ! IE]>
CSS样式语句
<![endif]-->

以上罗列几个if语句的使用,可以有主意大家的理解,不过此if语句还有其他的运算符,例如gte表示大于等于、lt表示小于和gt表示大于。不过有以下几点需要注意:

一.此语句只对IE浏览器有效。

二.IE与版本号之间要有空格,例如,不能够写成IE8。

三.lte运算符两边需要有空格,但是!和后面的IE版本之间可以没有空格。

<!--[if lte IE 6]><![endif]-->的作用,这样的场景在实际项目中还是用的比较多的,关于<!--[if lte IE 6]><![endif]-->的作用就介绍到这了。

回复

我来回复
  • 暂无回复内容