CSS iE6 IE7 ff 相容方法

2021-04-14 22:35:44 字數 688 閱讀 4764

ie6跟firefox之間的差異問題可以用 !important 來解決(這種方法盡量少用),但是ie7似乎還是不認識 !important ,而且它跟ie6之間也存在一些差異。瀏覽器的不一致性總是讓人很頭疼!

下面分別給出ie6/ie7/firefox的hack**:

#example       /* firefox */* html

#example       /* ie6 */*+html

#example       /* ie7 */

那麼在firefox下字型顏色顯示為#333,ie6下字型顏色顯示為#666,ie7下字型顏色顯示為#999,他們之間互不干擾。

一、css hack

以下兩種方法幾乎能解決現今所有hack.

1, !important

隨著ie7對!important的支援, !important 方法現在只針對ie6的hack.(注意寫法.記得該宣告位置需要提前.)

2, ie6/ie77對firefox

*+html 與 *html 是ie特有的標籤, firefox 暫不支援.而*+html 又為 ie7特有標籤.

注意:

*+html 對ie7的hack 必須保證html頂部有如下宣告:

IE6 IE7 IE8 FF相容符號

2.區別ie8 ie9 一般來說,我們寫的結構比較好的時候,ie8 9下是沒區別的.所以可能很少人關注只有ie8或只有ie9才識別的css hack.因為ie8及以下版本是不支援css3的,但是我們如果使用css3,在ie下ie9正常渲染,但我們又想讓ie8及以下的瀏覽器實現同樣的效果,且不希望使用...

CSS完美相容IE6 IE7 FF的通用方法《三》

為什麼ie6下容器的寬度和ff解釋不同呢 讓firefox與ie相容 問題的差別在於容器的整體寬度有沒有將邊框 border 的寬度算在其內,這裡ie6解釋為200px 而ff則解釋為220px,那究竟是怎麼導致的問題呢?大家把容器頂部的xml去掉就會發現原來問題出在這,頂部的申明觸發了ie的qur...

CSS相容IE6,IE7,FF的技巧

以下兩種方法幾乎能解決現今所有hack.1,important 隨著ie7對 important的支援,important 方法現在只針對ie6的hack.注意寫法.記得該宣告位置需要提前.注意 html 對ie7的hack 必須保證html頂部有如下宣告 關於 clear float 的原理可參見...