IE瀏覽器,相容性,html版本判斷

2021-06-27 09:38:12 字數 2848 閱讀 6856

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

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

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

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

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

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

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

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

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

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

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

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

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

background-color:#f00;

}

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

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

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

ie6瀏覽器相容性

塊狀元素設定float 左浮動或有浮動 並且設定margin值之後,第乙個浮動的元素其左側margin值為正常的2倍,如圖,可以看到第乙個元素的左側邊距於其他元素兩兩之間的邊距一致,也就是其左邊距為正常邊距的兩倍 解決方法 給元素設定display inline即讓元素不為塊狀元素,如圖第乙個元素左...

瀏覽器相容性

瀏覽器相容性是乙個很長久的話題,之所以前端需要面對瀏覽器相容性,是因為使用者的環境有不同的平台,不同的瀏覽器。不同的廠商之間為了相互競爭,對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本,不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...

瀏覽器相容性

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...