輕松解決IE7和IE8的CSS兼容性BUG

作者：admin 2010-08-17 15:38:49

CSS兼容問題已經是CSS網頁布局技術中的重要組成部分，本文向大家介紹一下CSS兼容：如何解決IE7和IE8的BUG，希望對你的學習有所幫助。

本文和大家重點討論一下CSS兼容：如何解決IE7和IE8的BUG，CSS兼容問題已經是CSS網頁布局技術中的重要組成部分，隨著IE8的越來越廣泛的安裝應用，對IE7和IE8的兼容問題，也頗受關注。

CSS兼容：如何解決IE7和IE8的BUG

CSS兼容問題已經是CSS網頁布局技術中的重要組成部分，也讓廣大的CSSer大為頭疼，雖然52CSS.com介紹過不少相關的知識與技巧，但是隨著IE8的越來越廣泛的安裝應用，對IE7和IE8的兼容問題，也頗受關注。

　　在以前的文章中52CSS.com向大家說明，IE8會是福音還是又一個光環據稱全面兼容標準。
　　
　　今天向大家介紹如何解決IE7和IE8的兼容性問題。

　　微軟在IE8提供三種解析頁面的模式

　　◆IE8StandardModes：默認的最標準的模式，嚴格按照W3C相關規定

　　◆IE7StandardsModes：IE7現在用的解析網頁的模式，開起機關是在<head>中加入<metahttp-equiv="X-UA-Compatible"content="IE=7">

　　◆QuirksModes：IE5用的解析網頁的模式，開起機關是刪除HTML頂部的DOCTYPE聲明

　　注意：不同模式間的網頁在IE8中可以互相frame，因此因不會模式下的DOM和CSS渲染不一樣，所以會引發很多問題，務必注意如果你的頁面對IE7兼容沒有問題，又不想大量修改現有代碼，同時又能在IE8中正常使用，微軟聲稱，開發商僅需要在目前兼容IE7的網站上添加一行代碼即可解決問題，此代碼如下：

ExampleSourceCode

<metahttp-equivmetahttp-equiv="x-ua-compatible"content="ie=7"/>

　　◆IE8***csshack：

　　"\9"　例:"margin:0pxauto\9;".這里的"\9"可以區別所有IE和FireFox.

　　"*"　IE6、IE7可以識別.IE8、FireFox不能.

　　"_"　IE6可以識別"_",IE7、IE8、FireFox不能.

【編輯推薦】

責任編輯：佚名來源： 52css.com