日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

瀏覽器兼容之旅第一站:如何在頁(yè)面中創(chuàng)建IE條件注釋

云知道

【瀏覽器兼容之旅第一站:如何在頁(yè)面中創(chuàng)建IE條件注釋】IE對(duì)于大家來(lái)說(shuō)一定很熟悉了，作為一名Web前端開(kāi)發(fā)人員或者是說(shuō)前端攻程師來(lái)說(shuō)，瀏覽器的兼容問(wèn)題一定處理過(guò)不少了，特別是IE6的兼容問(wèn)題，如果你的用戶(hù)是針對(duì)中國(guó)市場(chǎng)來(lái)說(shuō)，IE6下的效果是必須得處理了，一個(gè)讓人頭痛而又不得不去面對(duì)的一件事情，特別是對(duì)于剛接觸CSS的童子們，更讓無(wú)從下手，那么今天我重新開(kāi)始針對(duì)瀏覽器的兼容問(wèn)題，說(shuō)說(shuō)一些我自己的經(jīng)驗(yàn)，以及盡可能多的搜集相關(guān)經(jīng)典問(wèn)題的處理方法 。希望能對(duì)有需要的朋友有所幫助 。

中國(guó)古語(yǔ)萬(wàn)物都是相生相克的 。這句話(huà)用到我們寫(xiě)CSS的人身上也是一樣的，不管在哪個(gè)瀏覽器下，出現(xiàn)了問(wèn)題，首先要追究的問(wèn)題是我們自己怕HTML結(jié)構(gòu)和CSS樣式有沒(méi)有出問(wèn)題，然后在看看是不是因?yàn)闉g覽器各自的解析不同而造成的 。千萬(wàn)不要一看到IE出問(wèn)題，就罵上了ＩＥ，其實(shí)人家并不是那么差勁，另外有一點(diǎn)也需要注意的就是，不要?jiǎng)硬粍?dòng)就使用你知道的HACK手段來(lái)解決各瀏覽器的兼容問(wèn)題 。小生有自己的一個(gè)原則處理各瀏覽器的兼容問(wèn)題，未到情非得以的情況下才使用HACK 。

開(kāi)頭來(lái)了一大段的開(kāi)場(chǎng)白，下面我們就開(kāi)始我們的旅行瀏覽器兼容之旅的第一站：如何創(chuàng)建條件樣式 。
大家都知道!-- -- 是HTML語(yǔ)言中的注釋 。它是一種添加到代碼中的筆記，讓自己或你的團(tuán)隊(duì)成員明白你寫(xiě)的是什么，寫(xiě)到什么時(shí)候等等信息，這種注釋并不會(huì)在瀏覽器中顯示出來(lái)，但大家在查看頁(yè)面的源代碼時(shí)可以看到這一部分，如下面的一個(gè)簡(jiǎn)單實(shí)例

復(fù)制代碼代碼如下:
div id="header" Header Section /div
!-- End Header Section Content --

那么我們?cè)谏厦娴幕A(chǔ)是增加一個(gè)條件語(yǔ)句，我們就可以使用條件注釋?zhuān)覀冊(cè)谄綍r(shí)用到的就是IE的有條件注釋 。IE的有條件注釋是一種專(zhuān)有的（非標(biāo)準(zhǔn)的）、對(duì)常規(guī)(X)HTML注釋的Miscrosoft擴(kuò)展 。換句話(huà)說(shuō)，有條件注釋使你能夠根據(jù)條件（比如說(shuō)瀏覽器的版本）顯示代碼塊 。盡管是非標(biāo)準(zhǔn)的，但是有條件注釋對(duì)于其他所有瀏覽器作為常規(guī)注釋出現(xiàn),因此本質(zhì)上是無(wú)害的 。有條件注釋在 Windows 上的 IE5 中首次出現(xiàn),并且得到了 Widnows 瀏覽器所有后續(xù)版本的支持 。

那么為什么要?jiǎng)?chuàng)建條件樣式呢？言外之意我們創(chuàng)建條件樣式有什么好處呢？創(chuàng)建條件樣式優(yōu)點(diǎn)在于：可以將部分兼容代碼識(shí)讓符合條件的瀏覽器識(shí)別；其二讓你的主要樣式表整潔，清爽 。不過(guò)大家要記住，雖然我們這里說(shuō)的是創(chuàng)建有條件樣式，但這種條件注釋標(biāo)簽的使用不僅僅只能用于CSS，你可以應(yīng)用在javaScript中，他們甚至可以在您的網(wǎng)站內(nèi)容顯示特殊的IE瀏覽器特定的消息 。下面我們一起來(lái)看看其具體的應(yīng)用，和使用方法 。

調(diào)用條件樣式的方法
我們調(diào)用條件樣式方法和link標(biāo)簽一樣，常常放置在head標(biāo)簽中 。和前面所見(jiàn)識(shí)的普通注釋不一樣的是，這里需要加上條件判斷，具體格式如下所示：

復(fù)制代碼代碼如下:
!--[if IE]
...
![endif]--

在具體使用條件注釋語(yǔ)句之前，有幾種條件注釋屬性含義我們必須要理解：
gt(greate than): 選擇條件版本以上版本，不包含條件版本本身；
lt(less than): 這個(gè)剛好與gt相反，表示的是選擇條件版本以下的版本，不包含條件版本自身；
gte(greate than or equal): 選擇條件版本以上版本，并包含條件版本自身；
lte(less than or equal): 選擇條件版本以下的版本，并包含條件版本自身；
!:選擇條件版本以外所有版本，無(wú)論高低 。

條件樣式的使用方法
下面我們一起來(lái)看針對(duì)不同版本如何使用條件樣式

推薦閱讀