CSS相容IE6,IE7,FF的技巧

2021-04-20 16:28:24 字數 481 閱讀 3024

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

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

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

關於 clear float 的原理可參見 [how to clear floats without structural markup]

將以下**加入global css 中,給需要閉合的div加上 class=」clearfix」 即可,屢試不爽.

/* clear fix */

.clearfix:after

.clearfix

/* hide from ie mac /*/

.clearfix

/* end hide from ie mac */

/* end of clearfix */

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

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

相容IE6 IE7 IE8 FF的CSS寫法

注意 html 對ie7的hack 必須保證html頂部有如下宣告 二 萬能 float 閉合 非常重要 關於 clear float 的原理可參見 how to clear floats without structural markup 將以下 加入global css 中,給需要閉合的div加...

IE6 IE7 IE8 FF相容符號

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