怎樣解決IE6、IE7和IE8的CSS兼容問題

本篇文章為大家展示了怎樣解決IE6、IE7和IE8的CSS兼容問題，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

和大家重點討論一下CSS兼容：解決IE6、IE7和IE8的兼容問題妙招，本來網頁設計是件很有趣的事情，但是卻被這多余兼容工作傷腦筋。

CSS兼容:解決IE6、IE7和IE8的兼容問題

CSS兼容_如何解決IE6、IE7和IE8的兼容問題，有時做網頁明明css樣式表是正常的但ie8不兼容,網頁顯示不正常,css如何兼容ie8呢，下面看解決辦法：

IE6、IE7、Firefox等瀏覽器的兼容性問題讓網頁設計師們大傷腦筋，本來網頁設計是件很有趣的事情，但是卻被這多余兼容工作傷腦筋，特別是讓人唾棄的IE6，多少人想讓它消失，可是它就是消失不了，微軟還說不會停止對IE6，真夠郁悶的。

現在呢，IE8正式版已經出來一段時間了，不少網民被微軟的Update提示安裝上了IE8，這下又給設計師帶來了麻煩，還好微軟良心發現，把IE8做得比較符合標準，與其他標準瀏覽器區別不大，可是它還是與其他瀏覽器有區別的。

怎么辦呢？我一直在用IE6，不想用IE8，電腦里有個綠色版的IE6，還有綠色版的Firefox，對于網頁兼容測試，我用IE6、IE7、Firefox三個瀏覽器測試，因為沒安裝IE8，所以一直沒能測試。

大家都知道，IE8是有兩種解析模式的，一種是IE8StandardModes：默認的最標準的模式，嚴格按照W3C相關規定，一種是IE7StandardsModes：IE7現在用的解析網頁的模式。IE7還算是不錯的瀏覽器，如果讓IE8瀏覽器自動切換到IE7,IE6模式，那我們就不用為IE8布局兼容問題煩惱了，而這個開關只有一行代碼：

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

或者

<metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>

或者

<metahttp-equivmetahttp-equiv="x-ua-compatible"content="ie=6"/> 【這個是兼容IE6的】

其實就是比較霸道的讓ie8以ie7的標準或者是以ie6的標準去解析整個頁面!

在網頁的head里加入以上這段代碼，用IE8訪問時就會自動切換到IE7模式，如果你的網站在IE7下顯示正常，那在IE8下也可以正常顯示了。加入這段代碼會不會影響其它的瀏覽器呢？不會，X-UA-Compatible是針對ie8新加的一個設置，對于ie8之外的瀏覽器是不識別的，所以你就放心使用吧！就這樣一段代碼就可以讓你的網站輕松兼容IE8了。

上述內容就是怎樣解決IE6、IE7和IE8的CSS兼容問題，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。