您現(xiàn)在的位置： 365建站網(wǎng) > 365文章 > html代碼完美解決IE瀏覽器(ie7,8,9,10)兼容模式問題
html代碼完美解決IE瀏覽器(ie7,8,9,10)兼容模式問題
文章來源：365jz.com 點擊數(shù)：3408 更新時間：2015-12-16 16:30 參與評論
IE瀏覽器從IE8開始添加了兼容模式，開啟后會以低版本的IE進行渲染。兼容模式有可能會導致網(wǎng)頁顯示出問題，于是我們通常在HTML中添加下列代碼來使 IE 使用固定的渲染模式
還有一種情況，在IE8下只有不使用兼容模式頁面才能顯示正常，但是如果設(shè)定為IE8的模式，在IE9中卻會導致CSS3失效?？磥恚枰槍?IE8、IE9 分別 禁用兼容模式。怎么辦呢？可以在后臺判斷瀏覽器版本，如果是IE8就輸出content="IE=8"，如果是IE9就輸出content="IE=9"。其實還可以單純通過HTML來實現(xiàn)的，HTML代碼如下：
經(jīng)測試后完美解決了兼容模式問題，這樣設(shè)置后IE中設(shè)置兼容模式的按鈕也會消失，可以按F12打開“開發(fā)人員工具”來檢查瀏覽器模式。
<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)的，HTML代碼如下：
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
經(jīng)測試后完美解決了兼容模式問題，這樣設(shè)置后IE中設(shè)置兼容模式的按鈕也會消失，可以按F12打開“開發(fā)人員工具”來檢查瀏覽器模式。
如對本文有疑問，請?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會為你解答?。?點擊進入論壇
您可能感興趣的文章:
------分隔線----------------------------
