讓我們舉幾個例子來看看:
1、只有IE才能識別!--[if IE] link type= text/css rel= stylesheet href= my.css / ![endif]--
因為只有IE5以上的版本才開始支持IE條件注釋,所有“只有IE”才能識別的意思是“只有IE5版本以上”才能識別。
2、只有特定版本才能識別!--[if IE 8] link type= text/css rel= stylesheet href= my.css / ![endif]--
識別特定的IE版本,高了或者低了都不可以。上例只有IE8才能識別。
3、只有不是特定版本的才能識別!--[if !IE 7] link type= text/css rel= stylesheet href= my.css / ![endif]--
上例中特定IE7版本不能識別,其他版本都能識別,當(dāng)然要在IE5以上。
4、只有高于特定版本才能識別!--[if gt IE 7] link type= text/css rel= stylesheet href= my.css / ![endif]--
上例中只有高于IE7的版本才能識別。IE7無法識別。
5、等于或者高于特定版本才能識別!--[if gte IE 7] link type= text/css rel= stylesheet href= my.css / ![endif]--
上例中IE7和更高的版本都能識別。
6、只有低于特定版本的才能識別!--[if lt IE 7] link type= text/css rel= stylesheet href= my.css / ![endif]--
上例中只有低于IE7的版本才能識別,IE7無法識別。
7、等于或者低于特定版本的才能識別!--[if lte IE 7] link type= text/css rel= stylesheet href= my.css / ![endif]--
上例中IE7和更低的版本可以識別。
關(guān)鍵詞解釋上面那些代碼好像很難記的樣子,其實只要稍微解釋一下關(guān)鍵字就很容易記住了。
lt:就是Less than的簡寫,也就是小于的意思。
lte:就是Less than or equal to的簡寫,也就是小于或等于的意思。
gt:就是Greater than的簡寫,也就是大于的意思。
gte:就是Greater than or equal to的簡寫,也就是大于或等于的意思。
!:就是不等于的意思,跟javascript里的不等于判斷符相同。
這樣解釋一下,是不是好記多了。
特別提示:1、有人會試圖使用 !--[if !IE] 來定義非IE瀏覽器下的狀況,但注意:條件注釋只有在IE瀏覽器下才能執(zhí)行,這個代碼在非IE瀏覽下被當(dāng)做注釋視而不見。
2、我們通常用IE條件注釋根據(jù)瀏覽器不同載入不同css,從而解決樣式兼容性問題的。其實它可以做的更多。它可以保護(hù)任何代碼塊——HTML代碼塊、JavaScript代碼塊、服務(wù)器端代碼……看看下面的代碼。
!--[if IE] script type= text/javascript alert( 你使用的是IE瀏覽器! /script ![endif]--
以上就是IE瀏覽器條件注釋的詳解的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選