從 ie 8 開始,ie 添加了兼容模式,開啟后會以低一版本的 ie 進(jìn)行渲染。但是有時這樣會導(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 是無法實(shí)現(xiàn)的。其實(shí),可以單純使用下面的代碼來實(shí)現(xiàn):
代碼如下:
<meta http-equiv=x-ua-compatible content=ie=9; ie=8; ie=7; ie=edge>