CSS在IE6,IE7,FIREFOX中的區別

2022-11-24 18:27:08 字數 842 閱讀 5194

css在ie6,ie7,firefox中的區別

第一種,是css hack的方法

height:20px; /*for firefox*/

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

_height:20px; /*for ie6*/

注意順序。

這樣也屬於css hack,不過沒有上面這樣簡潔。

#example /* moz */

* html #example /* ie6 */

*+html #example /* ie7 */

第二種是使用ie專用的條件註釋

< ![endif]-->

< ![endif]-->

第三種css filter的辦法,以下為經典從國外**翻譯過來的。

新建一個css樣式如下:

#item

新建一個div,並使用前面定義的css的樣式:

some text here

在body表現這裡加入lang屬性,中文為zh:

現在對div元素再定義一個樣式:

*:lang(en) #item

這樣做是為了用!important覆蓋原來的css樣式,由於:lang選擇器ie7.0並不支援,所以對這句話不會有任何作用,於是也達到了ie6.0下同樣的效果,但是很不幸地的是,safari同樣不支援此屬性,所以需要加入以下css樣式:

#item:empty

:empty選擇器為css3的規範,儘管safari並不支援此規範,但是還是會選擇此元素,不管是否此元素存在,現在綠色會現在在除ie各版本以外的瀏覽器上。

對ie6和ff的相容可以考慮以前的!important

IE6 IE7 Firefox的hack方法

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

CSS相容IE6,IE7,FIREFOX的一些收集

第一種,是css hack的方法 height 20px for firefox height 25px for ie7 ie6 height 20px for ie6 注意順序。這樣也屬於css hack,不過沒有上面這樣簡潔。example moz html example ie6 html e...

CSS相容IE6,IE7,FIREFOX的一些收集

第一種,是css hack的方法 height 20px for firefox height 25px for ie7 ie6 height 20px for ie6 注意順序。這樣也屬於css hack,不過沒有上面這樣簡潔。example moz html example ie6 html e...