主題 FF IE7 IE6的CSS問題

1. !important

隨著ie7對!important的支援,現在ie7和ff都支援!important，可以用!important來區分ff、ie7和ie6的高度。

用法如下：

1. !important

隨著ie7對!important的支援,現在ie7和ff都支援!important，可以用!important來區分ff、ie7和ie6的高度。

用法如下：

html**

<

rel

="stylesheet"

type

="text/css"

>

2.ie6/ie7對firefox

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

用法如下：

html**

<

rel

="stylesheet"

type

="text/css"

>

html**

height:50px; /*for firefox*/   

*height:100px; /*for ie7 & ie6*/   

_height:150px; /*for ie6*/  

height:50px; /*for firefox*/

*height:100px; /*for ie7 & ie6*/
_height:150px; /*for ie6*/

3.min-height

ie不認min-height,ff識別,利用以上這些屬性，我們可以這樣定義最小高度

html**

<

rel

="stylesheet"

type

="text/css"

>

因為在ie裡（包括ie6,ie7）認為height就是最小高度，當content中的內容超出設定的高度時，在ff中可以用min-height設定最小高度××，這時即使超出content的高度，背景顏色也會自動延伸下去。但ie不識別min-height，所以要加hack（對程式所作的修改，在尚未被開發者接受並整合到正式版本中之前被稱為hack）。

4.區別不同瀏覽器，css hack寫法：

區別ie6與ff：

background:orange;       *background:blue;

區別ie6與ie7：

background:green !important;     background:blue;

區別ie7與ff：

background:orange;      *background:green;

區別ff，ie7，ie6：

background:orange;    *background:green !important;    *background:blue;

CSS中很好的區分FF，IE7，IE6

css中很好的區分ff，ie7，ie6 background green important background orange background blue ie6能識別 但不能識別 important,ie7能識別 也能識別 important ff不能識別 但能識別 important 另外...

CSS相容IE6,IE7,FF的技巧

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

Css樣式相容IE6,IE7,FIREFOX的寫法

根據ff和ie對一些符號識別的差異,我們可以單獨對ff以及ie定義樣式,例子 區別ie6與ff background orange background blue 區別ie6 與ie7 background green important background blue 區別ie7與ff backg...