為什麼ie6下容器的寬度和ff解釋不同呢 ?
<?xml version="1.0" encoding="gb2312"?>
">
讓firefox與ie相容
問題的差別在於容器的整體寬度有沒有將邊框（border）的寬度算在其內,這裡ie6解釋為200px ,而ff則解釋為220px,那究竟是怎麼導致的問題呢？大家把容器頂部的xml去掉就會發現原來問題出在這,頂部的申明觸發了ie的qurks mode,關於qurks mode、 standards mode的相關知識,請參考:http: aspnetusstan.mspx?mfr=trueie6,ie7,ff ie7.0 出來了，對css的支援又有新問題。瀏覽器多了，網頁相容性更差了，疲於奔命的還是我們，為解決ie7.0的相容問題，找來了下面這篇文章：現在我大部分都是用!important來hack，對於ie6和firefox測試可以正常顯示，但是ie7對!important可以正確解釋，會導致頁面沒按要求顯示！下面是三個瀏覽器的相容性收集.
第一種，是css hack的方法
height:20px;
*height:25px;
_height:20px;
注意順序。 這樣也屬於css hack，不過沒有上面這樣簡潔。
#example
* html #example
*+html #example
第三種，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各版本以外的瀏覽器上。
CSS相容IE6,IE7,FF的技巧
以下兩種方法幾乎能解決現今所有hack.1,important 隨著ie7對 important的支援,important 方法現在只針對ie6的hack.注意寫法.記得該宣告位置需要提前.注意 html 對ie7的hack 必須保證html頂部有如下宣告 關於 clear float 的原理可參見...
相容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及以下的瀏覽器實現同樣的效果,且不希望使用...