判断浏览器版本的方法有很多,但是我个人认为最快,最有效的方法就是利用html来进行,因为无论是用js根据浏览器的属性来判断还是css中的hack,都需要先执行或者先渲染,而html方法则是从根源上上解决了问题(不符合的版本根本就不加载)
html的方法只是简单的一个if判断,应该算是if判断吧。。
<!--[if 条件 IE 版本 ]> 具体内容 <![endif]-->
其中可以用到的条件:
- gt 大于
- lt 小于
- gte 大于或等于
- lte 小于或等于
- ! 不等、除了
比方说如果要匹配高于且包含ie7的版本的话,我们可以这样些
1
|
<!--[if gte IE 7]> IE7以及IE7以上版本可识别的内容 <![endif]-->
|
下面罗列出来一些常用的判断:
1
2
3
4
5
6
7
8
9
10
|
<!--[if !IE]> 除IE外都可识别 <![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
<!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
<!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
|