实际开发中经常要对不同的浏览器设计不同的样式表和页面, 而使用CSS 条件注释(Condition Comments), 可轻易的在不同的浏览器下得到不同的输出, 相比较纯JS判断版本方式, 最大优点是可以嵌入大片不规则的HTML代码段和脚本段而不用调用 document.write().
一下是一个HTML文件, 在不同的浏览器(包括IE各个版本及Firefox)进行测试即可.
所有浏览器都显示的内容(HTML), 包括样式表, 图片等.<br>
<script>
alert('当前浏览器版本:' + navigator.userAgent);
</script>
<!--[if !IE]>
<!-- 非IE下调用1.css样式表 -->
<link rel="stylesheet" type="text/css" href="1.css" />
非IE下显示的内容, 例如HTML<br>
您现在使用的不是IE浏览器.<br>
<script>
alert('您使用的不是IE浏览器');
</script>
<![endif]-->
<!--[if lt IE 6]>
<link rel="stylesheet" type="text/css" href="2.css" />
比IE 6 更低版本下显示的内容, 例如HTML<br>
您使用的IE浏览器版本为5.5或者更低, 建议您升级浏览器!!!!<br>
<script>
alert('您使用的IE浏览器版本为5.5或者更低, 建议您升级浏览器!!!!');
</script>
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="2.css" />
IE6版本下显示的内容, 例如HTML<br>
<script>
alert('您使用的IE浏览器版本为6!');
</script>
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="2.css" />
等于IE7版本下显示的内容, 例如HTML<br>
<script>
alert('您使用的IE浏览器版本为7!');
</script>
<![endif]-->
<!--[if gte IE 8]>
<link rel="stylesheet" type="text/css" href="2.css" />
大于等于IE8版本下显示的内容, 例如HTML<br>
<script>
alert('您太先进了, 您当前使用的IE浏览器版本为8或者更高版本, 可是我们的网站不支持 IE8!');
</script>
<![endif]-->
