從 IE 8 開始,IE 添加了兼容模式,開啟后會以低一版本的 IE 進行渲染。但是有時這樣會導(dǎo)致網(wǎng)頁出問題,于是我們通常在 html 中添加下列代碼來使 IE 使用固定的渲染模式:
代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=8"> <!--以IE8模式渲染-->
<meta http-equiv="X-UA-Compatible" content="IE=7"> <!--以IE7模式渲染-->
但是我就遇到了一種情況,在 IE8 下只有不使用兼容模式頁面才能顯示正常,但是如果設(shè)定為 IE8 的模式,在 IE9 中卻會導(dǎo)致 CSS3 失效。看來,我需要針對 IE8、IE9 分別 禁用兼容模式。怎么辦呢?可以在后臺判斷瀏覽器版本,如果是 IE8 就輸出content="IE=8",如果是 IE9 就輸出 content="IE=9"。但是這樣 html 是無法實現(xiàn)的。其實,可以單純使用下面的代碼來實現(xiàn):
代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
更多信息請查看IT技術(shù)專欄