DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS兼容:如何解決IE7和IE8兼容性問題
CSS兼容:如何解決IE7和IE8兼容性問題
編輯:CSS詳解     

你對如何解決IE7和IE8兼容性問題是否了解,這裡和大家簡單分享一下解決方法,隨著CSS的普及,越來越多的開發商開始使用CSS對網站進行布局,然而IE8的出現,使得許多CSS在IE7下正常的布局,在IE8中變的雜亂不堪。

CSS兼容:如何解決IE7和IE8兼容性問題

隨著CSS的普及,越來越多的開發商開始使用CSS對網站進行布局,然而IE8的出現,使得許多CSS在IE7下正常的布局,在IE8中變的雜亂不堪,本文主要講解CSS在IE7和IE8中的兼容問題。

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

◆IE8StandardModes:默認的最標准的模式,嚴格按照W3C相關規定

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

◆QuirksModes:IE5用的解析網頁的模式,開起機關是刪除Html頂部的DOCTYPE聲明

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

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

也就是說在標簽中加入以上代碼後,在IE8中預覽網頁時,遇到CSS不兼容的現象時,IE8會自動切換到IE7兼容模式。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved