實(shí)際開發(fā)中經(jīng)常要對(duì)不同的瀏覽器設(shè)計(jì)不同的樣式表和頁(yè)面, 而使用CSS 條件注釋(Condition Comments), 可輕易的在不同的瀏覽器下得到不同的輸出, 相比較純JS判斷版本方式, 最大優(yōu)點(diǎn)是可以嵌入大片不規(guī)則的HTML代碼段和腳本段而不用調(diào)用 document.write().
一下是一個(gè)HTML文件, 在不同的瀏覽器(包括IE各個(gè)版本及Firefox)進(jìn)行測(cè)試即可.
所有瀏覽器都顯示的內(nèi)容(HTML), 包括樣式表, 圖片等.<br>
<script>
alert('當(dāng)前瀏覽器版本:' + navigator.userAgent);
</script><!--[if !IE]>
<!-- 非IE下調(diào)用1.css樣式表 -->
<link rel="stylesheet" type="text/css" href="1.css" />
非IE下顯示的內(nèi)容, 例如HTML<br>
您現(xiàn)在使用的不是IE瀏覽器.<br>
<script>
alert('您使用的不是IE瀏覽器');
</script>
<![endif]--><!--[if lt IE 6]>
<link rel="stylesheet" type="text/css" href="2.css" />
比IE 6 更低版本下顯示的內(nèi)容, 例如HTML<br>
您使用的IE瀏覽器版本為5.5或者更低, 建議您升級(jí)瀏覽器!!!!<br>
<script>
alert('您使用的IE瀏覽器版本為5.5或者更低, 建議您升級(jí)瀏覽器!!!!');
</script>
<![endif]--><!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="2.css" />
IE6版本下顯示的內(nèi)容, 例如HTML<br>
<script>
alert('您使用的IE瀏覽器版本為6!');
</script>
<![endif]--><!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="2.css" />
等于IE7版本下顯示的內(nèi)容, 例如HTML<br>
<script>
alert('您使用的IE瀏覽器版本為7!');
</script>
<![endif]--><!--[if gte IE 8]>
<link rel="stylesheet" type="text/css" href="2.css" />
大于等于IE8版本下顯示的內(nèi)容, 例如HTML<br>
<script>
alert('您太先進(jìn)了, 您當(dāng)前使用的IE瀏覽器版本為8或者更高版本, 可是我們的網(wǎng)站不支持 IE8!');
</script>
<![endif]-->
聯(lián)系客服