通過html判斷IE版本

2021-06-04 10:54:48 字數 1853 閱讀 1038

通過html來判斷ie版本,目的就是為了在某個特定的ie版本下,實行某個特定的js或者進行css hack,ie版本中,目前最悲劇的版本就是ie6了。

在進行web標準網頁的學習和應用過程中,網頁對瀏覽器的相容性是經常接觸到的乙個問題。其中因微軟公司的internet explorer(簡稱ie)佔據瀏覽器市場的大半江山,此外還有firefox、opera等。需要對這些瀏覽器進行相容。

同時,單就ie而言,因ie版本的公升級更替,目前瀏覽者使用的主要停留在 ie5(ie5.5)、ie6和ie7這三個版本中。而這3個版本對於我們製作的web標準網頁(xhtml+css)解釋執行的顯示狀況不盡相同。並 且,其他非ie瀏覽器與ie對某些css解釋也不一樣。所以,通過ie瀏覽器中的專有條件注釋可有針對性的進行相關屬性的定義。

條件注釋只能用於explorer 5+ windows(以下簡稱ie)(條件注釋從ie5開始被支援)。如果你安裝了多個ie,條件注釋(conditional comments)將會以最高版本的ie為標準(目前為ie 7)。

條件注釋只能在windows internet explorer(以下簡稱ie)下使用,因此我們可以通過條件注釋來為ie新增特別的指令。

通俗點,條件注釋就是一些if判斷,但這些判斷不是在指令碼裡執行的,而是直接在html**裡執行的。

下面來看看,這些**是怎麼判斷的,寫法是怎麼樣的?

除ie外都可識別

ite:less than or equal to意思是小於或等於ie6瀏覽器,用於ie瀏覽器的條件注釋,常用於csshack,針對ie的js等。

1,條件注釋的基本結構和html的注釋()是一樣的。因此ie以外的瀏覽器將會把它們看作是普通的注釋而完全忽略它們。

2,ie將會根據if條件來判斷是否如解析普通的頁面內容一樣解析條件注釋裡的內容。

3,條件注釋使用的是html的注釋結構,因此他們只能使用在html檔案裡,而不能在css檔案中使用。

可使用如下**檢測當前ie瀏覽器的版本(注意:在非ie瀏覽器中是看不到效果的)

那如果當前的瀏覽器是ie,但版本比ie5還低,該怎麼辦呢,可以使用

rel=

"stylesheet"

type=

"text/css"

href=

"css.css"

/>

rel=

"stylesheet"

type=

"text/css"

href=

"ie7.css"

/>

rel=

"stylesheet"

type=

"text/css"

href=

"ie.css"

/>

這其中就區分了ie7和ie6向下的瀏覽器對css的執行,達到相容的目的。同時,首行預設的css.css還能與其他非ie瀏覽器實現相容。

注意:預設的css樣式應該位於html文件的首行,進行條件注釋判斷的所有內容必須位於該預設樣式之後。

比如如下**,在ie瀏覽器下執行顯示為紅色,而在非ie瀏覽器下顯示為黑色。如果把條件注釋判斷放在首行,則不能實現。該例題很能說明網頁對ie瀏覽器和非ie瀏覽器間的相容性問題解決。

background-color: #f00;

}同時,有人會試圖使用來定義非ie瀏覽器下的狀況,但注意:條件注釋只有在ie瀏覽器下才能執行,這個**在非ie瀏覽下非單不是執行該條件下的定義,而是當做注釋視而不見。

正常就是預設的樣式,對ie瀏覽器需要特殊處理的,才進行條件注釋。

在html檔案裡,而不能在css檔案中使用。

html判斷IE版本

1.除ie外都可識別 2.3.4.5.6.7.8.9.10.11.ite less than or equal to意思是小於或等於ie6瀏覽器,用於ie瀏覽器的條件注釋,常用於csshack,針對ie的js等。在進行web標準網頁的學習和應用過程中,網頁對瀏覽器的相容性是經常接觸到的乙個問題。其中...

html判斷IE版本

01 html判斷ie版本 02 1.除ie外都可識別 03 2.04 3.05 4.06 5.07 6.08 7.09 8.10 9.11 10.12 11.13 14 ite less than or equal to意思是小於或等於ie6瀏覽器,用於ie瀏覽器的條件注釋,常用於csshack,...

html判斷IE版本

01 html判斷ie版本 02 1.除ie外都可識別 03 2.04 3.05 4.06 5.07 6.08 7.09 8.10 9.11 10.12 11.13 14 ite less than or equal to意思是小於或等於ie6瀏覽器,用於ie瀏覽器的條件注釋,常用於csshack,...