藉助HTML分別禁用IE8, IE9的兼容視圖模式(Compatibility View)

從 IE 8 開始,IE 添加了兼容模式,開啓後會以低一版本的 IE 進行渲染。可是有時這樣會致使網頁出問題,因而咱們一般在 html 中添加下列代碼來使 IE 使用固定的渲染模式:

1
2
<meta  http-equiv = "X-UA-Compatible"   content = "IE=8" >   <!--以IE8模式渲染-->
<meta  http-equiv = "X-UA-Compatible"   content = "IE=7" >   <!--以IE7模式渲染-->
可是我就遇到了一種狀況,在 IE8 下只有不使用兼容模式頁面才能顯示正常,可是若是設定爲 IE8 的模式,在 IE9 中卻會致使 CSS3 失效。看來,我須要針對 IE八、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">
相關文章
相關標籤/搜索