bug，我們可以採用!important來解決這個問題，
!important是css1就定義的語法，作用是提高指定樣式規則的應用優先權。語法格式，即寫在定義的最後面，如：例:box ie不能認識!important，但是其它的瀏覽器都認識此標識，因此，我們 可以利用這個特性來相容瀏覽器，如
.box
但是在ie7.0中又已經可以識別!import了，所以又會出布局的差錯問題，那麼又該如何去解決了呢？上網搜尋了一下，找了些例子來看看，
現在我大部分都是用!important來hack，對於ie6和firefox測試可以正常顯示，但是ie7對!important可以正確解釋，會導 致頁面沒按要求顯示！搜尋了一下，找到乙個針對ie7不錯的hack方式就是使用「*+html」，現在用ie7瀏覽一下，應該沒有問題了。
現在寫乙個css可以這樣：
#example /* moz */
* html #example /* ie6 */
*+html #example /* ie7 */
那麼在firefox下字型顏色顯示為#333，ie6下字型顏色顯示為#666，ie7下字型顏色顯示為#999，他們都互不干擾。
css hacks，css樣式表補丁.用於修正xhtml編碼設計的網頁模板布局,某些層的溢位問題,hacks出處:
www.webdevout.net，這個css補丁(hacks)很簡單，在樣式表中單獨為ie7設定某個元素，id或者class前面這 樣寫:
*:first-child+html #id{}
或者 *:first-child+html .class{}
別忘掉了前面的*,這個hacks使得div+css網頁模板在ie5+,ie6,ie7,firefox 1.5,firefox 2的瀏覽器中都可以完美體現原始布局,而不會出現層溢位等問題.
ie7 修復了很多 bug，也增加了對一些選擇符的支援，所以現在諸如 *html {} 和 html>body {} 等針對 ie 隱藏或顯示的 hack 都會在 ie7 中失效。雖然 css hack 不推薦使用，條件注釋才是萬無一失的過濾器，但是條件注釋只能出現在 html 中，css hack 還是有用武之地的。nanobot 發現了一些針對 ie7 的 css hack，具體就是：
>body
html*
*+html
這三種寫法，其中前兩種都是不合法的 css 寫法，在標準相容瀏覽器中被被忽略，但是 ie7 卻不這麼認為。對於 >body ，它會將缺失的選擇符用全域性選擇符 * 代替，也就是將其處理成了 *>body，而且不光對於 > 選擇符，+,~ 選擇符中這個現象也存在。對於 html* ，由於 html 和 * 之間沒有空格，所以也是一種 css 語法錯誤，但 ie7 不會忽略，而是錯誤地認為這裡有乙個空格。對於第三種 *+html，ie7 認為 html 前面的 dtd 宣告也是乙個元素，所以 html 會被選中，這三種方法中只有這一種方法是合法的 css 寫法，也就是說可以通過校驗器的驗證，因此也是作者推薦的 hack 用法。最後作者給出了最佳方式：
ie 6 and below
use * html {} to select the html element.
ie 7 and below
use *+html, * html {} to select the html element.
ie 7 only
use *+html {} to select the html element.
ie 7 and modern browsers only
use html>body {} to select the body element.
modern browsers only (not ie 7)
use html>/**/body {} to select the body element.
the ie7 css hack(!important在ie7.0的hack方法)
由於ie對!important識別存在bug,而現在大部分網頁標準設計師又通過這個bug來相容ie和ff,但是ie7.0把這個bug給修復了,所 以問題又出現了,怎麼相容ie.7.0的同時又能相容ie6.0和ff?正所謂"上有政策,下有對策",國外的網頁標準設計師通過使用css filter的辦法(並不是css hack)來相容ie7.0,ie6.0和ff,以下為作者從國外**的翻譯.
新建乙個css樣式如下：
插入**：
#item
新建乙個div,並使用前面定義的css的樣式：
插入**：
some text here
在body表現這裡加入lang屬性,中文為zh：
插入**：
現在對div元素再定義乙個樣式：
插入**：
[/code]
*:lang(en) #item
[/code]
這樣做是為了用!important覆蓋原來的css樣式,由於:lang選擇器ie7.0並不支援,所以對這句話不會有任何作用,於是也達到了ie6.0下同樣的效果,但是很不幸地的是,safari同樣不支援此屬性,所以需要加入以下css樣式：
插入**：
#item:empty
:empty選擇器為css3的規範,儘管safari並不支援此規範,但是還是會選擇此元素,不管是否此元素存在,現在綠色會現在在除ie各版本以外的瀏覽器上,並在以下瀏覽器和作業系統下通過測試：
按照遠作者的說法其實這不能算是一種hack,應該屬於filter,不過這似乎並不是最重要的,因為通過這個辦法,我們又一次了解決ie6.0,ie7.0和其他瀏覽器之間的相容性問題,而且使用:lang-filter這辦法,在今後的一段時間內都會有用.
瀏覽器差別
全部支援 promptdiv css left scrollleft objevent.clientx 5 promptdiv css top scrolltop objevent.clienty 5 ie8支援，ie9，chrome不支援 divobj.style.left scrollleft ...
css在不同瀏覽器中的寫法
比如要分辨ie6和firefox兩種瀏覽器，可以這樣寫 我在ie6中看到是紅色的，在firefox中看到是綠色的。解釋一下 上面的css在firefox中，它是認識不了後面的那個帶星號的東東是什麼的，於是將它過濾掉，不予理睬，解析得到的結果是 div,於是理所當然這個div的背景是綠色的。在ie6中...
CSS相容不同瀏覽器
製作頁面的時候，由於瀏覽器的不同，對css的解析也會有所不同，從而達不到我們預期想要的頁面效果，這個時候我們就需要針對不同的瀏覽器去寫不同的css，讓它能夠同時相容不同的瀏覽器。css hank。原始 歡迎光臨！減號是ie6專有的hack 9 ie6 ie7 ie8 ie9 ie10都生效 0 ie...