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