本文和大家重點討論一下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了。
【編輯推薦】