亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

IE 條件注釋詳解總結(jié)(附實(shí)例代碼)

 更新時(shí)間:2009年08月29日 15:26:49   作者:  
IE的有條件注釋是一種專有的(因此是非標(biāo)準(zhǔn)的)、對(duì)常規(guī)(X)HTML注釋的Miscrosoft擴(kuò)展。
顧名思義,有條件注釋使你能夠根據(jù)條件(比如瀏覽器版本)顯示代碼塊。盡管是非標(biāo)準(zhǔn)的,但是有條件注釋對(duì)于其他所有瀏覽器作為常規(guī)注釋出現(xiàn),因此本質(zhì)上是無害的。有條件注釋在Windows上的IE5中首次出現(xiàn),并且得到了Widnows瀏覽器所有后續(xù)版本的支持。

IE的有條件注釋及其有效,而且非常容易記住。主要的缺點(diǎn)是這些注釋需要放在HTML頁面中,而不是放在CSS中。這樣,當(dāng)你不需要這些東西,或者有所更改的時(shí)候,就需要維護(hù)很多的地方。

讓我們據(jù)幾個(gè)例子來看看吧——

只有IE才能識(shí)別
因?yàn)橹挥蠭E5以上的版本才開始支持IE條件注釋,所有“只有IE”才能識(shí)別的意思是“只有IE5版本以上”才能識(shí)別。
復(fù)制代碼 代碼如下:

<!--[if IE]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

只有特定版本才能識(shí)別
例如,只有IE5才能識(shí)別,只有IE6才能識(shí)別,只有IE7或者IE8才能識(shí)別。識(shí)別的條件是特定的版本,高了或者低了都不可以。例如下面的代碼塊,將只會(huì)在IE8中有效
復(fù)制代碼 代碼如下:

<!--[if IE 8]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
 
IE共存 
只有不是特定版本的才能識(shí)別
當(dāng)然,IE瀏覽器需要在5以上的版本,才在討論范圍之內(nèi)。例如下面的例子中,特定了IE7版本不能識(shí)別。
復(fù)制代碼 代碼如下:

<!--[if !IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
 
IE共存 
只有高于特定版本才能識(shí)別
只有高于制定版本的IE瀏覽器才能識(shí)別的代碼塊。
復(fù)制代碼 代碼如下:

<!--[if gt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

有朋友會(huì)問,為什么IE7沒有應(yīng)用到效果呢?那是因?yàn)镮E7等于IE7,而不是高于IE7。所有IE7也沒有起效果。
等于或者高于特定版本才能識(shí)別
復(fù)制代碼 代碼如下:

<!--[if gte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

IE共存 
只有低于特定版本的才能識(shí)別
復(fù)制代碼 代碼如下:

<!--[if lt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

IE共存 
等于或者低于特定版本的才能識(shí)別
復(fù)制代碼 代碼如下:

<!--[if lte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

IE共存 
關(guān)鍵詞解釋
上面那些代碼好像很難記的樣子,其實(shí)只要稍微解釋一下關(guān)鍵字就很容易記住了。
lt :就是Less than的簡(jiǎn)寫,也就是小于的意思。
lte :就是Less than or equal to的簡(jiǎn)寫,也就是小于或等于的意思。
gt :就是Greater than的簡(jiǎn)寫,也就是大于的意思。
gte:就是Greater than or equal to的簡(jiǎn)寫,也就是大于或等于的意思。
!:就是不等于的意思,跟javascript里的不等于判斷符相同。
這樣解釋一下,是不是好記多了。
關(guān)于IE條件注釋的特別說明
只有IE才能識(shí)別哦——
曾經(jīng)看到過下面的代碼,現(xiàn)在想起來不禁有點(diǎn)想笑。這樣的代碼有什么意義嗎?
復(fù)制代碼 代碼如下:

<!--[if !IE]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

不僅僅是CSS哦
很長(zhǎng)時(shí)間,我對(duì)這個(gè)都有一種誤解——以為它就是用來根據(jù)瀏覽器不同載入不同css,從而解決樣式兼容性問題的。其實(shí),我錯(cuò)了。它其實(shí)可以做的更多。它可以保護(hù)任何代碼塊——HTML代碼塊、JavaScript代碼塊、服務(wù)器端代碼……看看下面的代碼。
復(fù)制代碼 代碼如下:

<!--[if IE]>
你使用的是IE瀏覽器,還會(huì)彈出個(gè)框哦。
<script type="text/javascript">
alert("你使用的是IE瀏覽器!");
</script>
<![endif]-->

相關(guān)文章

最新評(píng)論