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打開“開發人員工具”來檢查瀏覽器模式。