DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS兼容:解決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布局兼容問題煩惱了,而這個開關只有一行代碼:

  1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>

或者

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

或者

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

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

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

【編輯推薦】

  1. IE與Firefox在獲得對象上的區別
  2. 微軟展示IE9浏覽器 力推IE8將取代IE6市場
  3. 探究IE和Firefox下的2款HTTP調試工具用法
  4. Firefox和IE浏覽器清除緩存方法揭秘
  5. 實現IE6、IE7、IE8多版本浏覽器共存的五種方法
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved