從 IE 8 開始,IE 添加了兼容模式,開啟後會以低一版本的 IE 進行渲染。但是有時這樣會導致網頁出問題,於是我們通常在 html 中添加下列代碼來使 IE 使用固定的渲染模式:
復制代碼代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=8"> <!--以IE8模式渲染-->
<meta http-equiv="X-UA-Compatible" content="IE=7"> <!--以IE7模式渲染-->
但是我就遇到了一種情況,在 IE8 下只有不使用兼容模式頁面才能顯示正常,但是如果設定為 IE8 的模式,在 IE9 中卻會導致 CSS3 失效。看來,我需要針對 IE8、IE9 分別 禁用兼容模式。怎麼辦呢?可以在後台判斷浏覽器版本,如果是 IE8 就輸出content="IE=8",如果是 IE9 就輸出 content="IE=9"。但是這樣 html 是無法實現的。其實,可以單純使用下面的代碼來實現:
復制代碼代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">