CSS兼容:解決IE6、IE7和IE8的兼容問題妙招
本文和大家重點討論一下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了。
【編輯推薦】
- IE與Firefox在獲得對象上的區別
- 微軟展示IE9瀏覽器 力推IE8將取代IE6市場
- 探究IE和Firefox下的2款HTTP調試工具用法
- Firefox和IE瀏覽器清除緩存方法揭秘
- 實現IE6、IE7、IE8多版本瀏覽器共存的五種方法