關於css hack 和 瀏覽器核心問題

2022-07-25 06:24:06 字數 721 閱讀 5148

作為web開發人員總是與不同的瀏覽器打交道,讓各種瀏覽器乖乖的執行我們所敲出來的**,這就是我們的工作。所以必須了解hack機制和各瀏覽器的核心。

以下是我的經驗總結,部分是網上資料所下:

注意點:

網上很多資料中常常把!important也作為乙個hack手段,其實這是乙個誤區。!important常常被我們用來更改樣式,而不是相容hack。造成這個誤區的原因是ie6在某些情況下不主動識別!important,以至於常常被人誤用做識別ie6的hack。可是,大家注意一下,ie6只是在某些情況下不識別(ie6下,同乙個大括號裡對同乙個樣式屬性定義,其中乙個加important 則important標記是被忽略的,例: ie6下解釋為背景色green,其它瀏覽器解釋為背景色red;如果這同乙個樣式在不同大括號裡定義,其中乙個加important 則important發揮正常作用,例:div div,這時所有瀏覽器統一解釋為背景色red。)

現在公司要求的相容性,更多指的是ie6-10相容和非相容模式下,firefox, chrome, 360, 搜狗, qq瀏覽器等使用者使用頻率比較高的瀏覽器下相容。

其實很多瀏覽器還是參照原有的瀏覽器的核心來進行開發的,像360, 搜狗, qq等新興瀏覽器沒有針對他們的hack,但是經驗告訴我,其他他們差不多都是與ie7核心相近,利用ie7 hack可以進行除錯。

各瀏覽器CSS hack

區別 ie6與 ff background orange background blue 區別 ie6與 ie7 background green important background blue 區別 ie7與 ff background orange background green 區別 f...

css hack, 瀏覽器 選擇

ie6以下 html ie 7 以下 first child html html 只對ie 7 first child html 只對ie 7 和現代瀏覽器 html body 只對現代瀏覽器 非ie 7 html body 最新的opera 9以下版本 html first child safar...

css hack, 瀏覽器 選擇

ie6以下 html ie 7 以下 first child html html 只對ie 7 first child html 只對ie 7 和現代瀏覽器 html body 只對現代瀏覽器 非ie 7 html body 最新的opera 9以下版本 html first child safar...