IE強制標准模式---標准模式與兼容模式設置


<meta http-equiv="X-UA-Compatible" content="edge" />

這個是最有效的方法。

 

文檔模式(document mode)是IE8引入的一個新概念。頁面的文檔模式決定了你可以使用哪個級別的CSS,可以使用JavaScript的哪些API,以及如何對待文檔類型(doctype)。
從上面的例子可以看出“X-UA-Compatible”的值有兩種方式:Emulate+IE版本號,單純版本號。這兩種有何區別呢?
Edge:始終以最新的文檔模式來渲染頁面。忽略文檔類型聲明。對於IE8,始終以IE8標准模式渲染頁面。IE9亦如此。
EmulateIE9:如果聲明了文檔類型,則以IE9標准模式渲染頁面,否則將文檔模式設置為IE5。 EmulateIE8:如果聲明了文檔類型,則以IE8標准模式渲染頁面,否則將文檔模式設置為IE5。 EmulateIE7:如果聲明了文檔類型,則以IE7標准模式渲染頁面,否則將文檔模式設置為IE5。
9:強制以IE9標准模式渲染頁面,忽略文檔類型聲明。
8:強制以IE8標准模式渲染頁面,忽略文檔類型聲明。
7:強制以IE7標准模式渲染頁面,忽略文檔類型聲明。
5:強制以IE5標准模式渲染頁面,忽略文檔類型聲明。

也許你在實際使用 X-UA-Compatible 的時候,可能會出現不管用的情況,

其實,不能單單的只是加:meta,還需要,把DOCTYPE的定義去掉,其實這樣就可以了:

<!DOCTYPE html>  。

檢查一下,你的代碼中是不是還是這個:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

刪掉試試
以下是寫法列表:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
 
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=EmulateIE9" />
     
<meta http-equiv="X-UA-Compatible" content="IE=7,9" />

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM