DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 完美解決IE兼容模式問題
完美解決IE兼容模式問題
編輯:布局實例     

IE浏覽器從IE8開始添加了兼容模式,開啟後會以低版本的IE進行渲染。兼容模式有可能會導致網頁顯示出問題,於是我們通常在HTML中添加下列代碼來使 IE 使用固定的渲染模式:
 

復制代碼 代碼如下:
<metahttp-equiv="X-UA-Compatible"content="IE=8"><!--以IE8模式渲染-->
<metahttp-equiv="X-UA-Compatible"content="IE=7"><!--以IE7模式渲染-->


還 有一種情況,在IE8下只有不使用兼容模式頁面才能顯示正常,但是如果設定為IE8的模式,在IE9中卻會導致CSS3失效。看來,需要針對 IE8、IE9 分別 禁用兼容模式。怎麼辦呢?可以在後台判斷浏覽器版本,如果是IE8就輸出content="IE=8",如果是IE9就輸出 content="IE=9"。其實還可以單純通過HTML來實現的,HTML代碼如下:

復制代碼 代碼如下:
<metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">


經測試後完美解決了兼容模式問題,這樣設置後IE中設置兼容模式的按鈕也會消失,可以按F12打開“開發人員工具”來檢查浏覽器模式。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved