從 ie 8 開始,ie 添加了兼容模式,開啟后會以低一版本的 ie 進行渲染。但是有時這樣會導致網(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 中卻會導致 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>