關於IE瀏覽器相容性的問題

2021-07-23 20:04:00 字數 753 閱讀 1392

有時候使用其他瀏覽器的時候,需要切換ie的核心

切換方法為:「介面」選項下,選擇顯示「切換瀏覽核心按鈕」

這樣在瀏覽器搜尋框旁邊會出現切換核心的按鈕、

同時關於各大瀏覽器相容性和核心問題,

360瀏覽器使用的是ie核心:分為極速模式和相容模式

傲遊瀏覽器可以切換:webkit核心(webkit為瀏覽器核)

height:100px;

*height:120px;

_height:150px;

在ff下,第2、3個屬性ff不認識,所以它讀的是 height:100px;

在ie7下,第三個屬性ie7不認識,所以它讀第1、2個屬性,又因為第二個屬性覆蓋了第乙個屬性,所以ie7最終讀出的是第2個屬性 *height:120px;

在ie6下,三個屬性ie6都認識,所以三個屬性都可以讀取,又因為第三個屬性覆蓋掉前2個屬性,所以ie6最終讀取的是第三個屬性。

這就是hack,通過這種方法實現各瀏覽器的相容,

什麼是hack

由於不同的瀏覽器,比如internet explorer 6,internet explorer 7,mozilla firefox等,對css的解析認識不一樣,因此會導致生成的頁面效果不一樣,得不到我們所需要的頁面效果。

這個時候我們就需要針對不同的瀏覽器去寫不同的css,讓它能夠同時相容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。這個針對不同的瀏覽器寫不同的css code的過程,就叫css hack,也叫寫css hack。

ie6瀏覽器相容性

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

瀏覽器相容性

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

瀏覽器相容性

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