完美解決IE兼容模式問題

IE浏覽器從IE8開始添加了兼容模式，開啟後會以低版本的IE進行渲染。兼容模式有可能會導致網頁顯示出問題，於是我們通常在HTML中添加下列代碼來使 IE 使用固定的渲染模式：
 

復制代碼 代碼如下:
<metahttp-equiv="X-UA-Compatible"content="IE=8"><!--以IE8模式渲染-->
<metahttp-equiv="X-UA-Compatible"content="IE=7"><!--以IE7模式渲染-->

還 有一種情況，在IE8下只有不使用兼容模式頁面才能顯示正常，但是如果設定為IE8的模式，在IE9中卻會導致CSS3失效。看來，需要針對 IE8、IE9 分別 禁用兼容模式。怎麼辦呢？可以在後台判斷浏覽器版本，如果是IE8就輸出content="IE=8"，如果是IE9就輸出 content="IE=9"。其實還可以單純通過HTML來實現的，HTML代碼如下：

復制代碼 代碼如下:
<metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">

經測試後完美解決了兼容模式問題，這樣設置後IE中設置兼容模式的按鈕也會消失，可以按F12打開“開發人員工具”來檢查浏覽器模式。