這兩天在調試一個網頁,有段html代碼在IE8兼容模式下就會顯示錯亂,而在IE8的標準渲染模式下則顯示正常。但是很多瀏覽器比如360安全瀏覽器和搜狗瀏覽器的默認IE內核就是IE8的兼容模式,所以用360瀏覽器的時候就會頁面出現錯亂。
那么如何禁止使用IE8兼容模式解析網頁呢?在IE8以上版本的瀏覽器增加了一個X-UA-Compatible 頭標記,用于為IE8指定不同的頁面渲染模式。
<meta http-equiv="X-UA-Compatible" content="IE=8" />
這段代碼表示開啟IE8的標準渲染模式。但是不考慮<!DOCTYPE>指令。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
這段代碼表示標準模式顯示,同時使用<!DOCTYPE>指令確定如何呈現內容。一般我們首選這種兼容性模式。
所以我們如果在網頁中加上了代碼 <meta http-equiv="X-UA-Compatible" content="IE=8" /> 或者 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />,那么就設定要用IE8標準模式渲染網頁,而不會使用兼容的模式。
有童鞋會問,如果我的頁面只是在IE7或者IE8的兼容模式才瀏覽正常怎么辦呢?我如何設置必須在IE8的兼容模式渲染網頁呢?
那么就加上下面這段代碼好嘍~~~
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />