浏览器IE文档兼容问题

加了 meta http-equiv="X-UA-Compatible" 卻仍然不正常

tomleetaiwan html

15 Mar 2011 5:17 PM app

在美國時間 3/15/2011 晚間 Internet Explorer 9 開始開放下載,過去幾週遇到一些客戶反應,依據http://msdn.microsoft.com/zh-tw/library/cc817570.aspx 內容將現有 HTML 4 的 HEAD 內加上了 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 的 Internet Explorer 7 文件模式的相容標籤,卻沒有获得想要的效果,Internet Explorer 9 仍不時的能够看到相容檢視的按鈕跑出來。ui

依照 W3C 規格: Meta Tag 應該盡可能放在 <HEAD> </HEAD> 前面。spa

The META declaration must only be used when the character encoding is organized such that ASCII-valued bytes stand for ASCII characters (at least until the META element is parsed). META declarations should appear as early as possible in the HEAD elementhtm

也就是說,理論上在 <HEAD></HEAD> 中第一行是 Content Type  宣告與字碼編碼格式,blog

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>ip

緊接著之後下一行應該盡早放入element

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>开发

切記不要在 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 以前宣告或使用任何 JavaScript 或載入 CSS,否則將影響到此相容模式 Meta Tag 的功能。get

后续有不少开发填坑的文章发布,若是对你有帮助,请支持和加关注一下

http://e22a.com/h.05ApkG?cv=AAKHZXVo&sm=339944

https://shop119727980.taobao.com/?spm=0.0.0.0