网站前端:微软给出的兼容模式的纠结。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
这行代码对于做前端的人来说并不陌生,意思是让ie7以上版本的浏览器按照ie7的标准模式渲染页面。
同时在微软的msdn博客上看到关于ie9的解决方案:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
原文介绍:
If you have a legacy site that relies on IE7’s interpretation of Standards mode use the X-UA-Compatible Meta tag or HTTP header to target IE7 Standards mode. Here’s an example that combines values so that IE8 renders a webpage in IE7 Standards mode while IE9 renders the webpage in IE9’s Standards mode
翻译(翻译的比较烂!):
如果你有一个使用X-UA-Compatible Meta 标签或者http header 让网页在IE7标准模式解释的旧网站,那么这里有一个综合示例能够让ie8用ie7的标准模式呈现页面,ie9使用ie9的标准模式呈现页面。
按照一般观点来说,有官方博客的解释似乎已经能够给我们这些使用中文的童鞋点燃了一盏路灯,我们只要往自己看清的前方迈出脚步即可,可是有另外的牛人对权威提出了质疑,并且给出了测试结果:
1.<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
◦IE7: behaves as expected
◦IE8: renders as IE7 (expected)
◦IE9(beta): renders as IE7 (not expected!)
2.<meta http-equiv="X-UA-Compatible" content="IE=7; IE=9">
◦IE7: behaves as expected
◦IE8: renders as IE8 (not expected!)
◦IE9(beta): renders as IE9 (expected)
3.<meta http-equiv="X-UA-Compatible" content="IE=7, IE=9">
◦IE7: behaves as expected
◦IE8: renders as IE7 (expected!)
◦IE9(beta): renders as IE9 (expected)
4.<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=9">
◦IE7: behaves as expected
◦IE8: renders as IE8 (not expected!)
◦IE9(beta): renders as IE9 (expected)
5.<meta http-equiv="X-UA-Compatible" content="IE=7; IE=EmulateIE9">
◦IE7: behaves as expected
◦IE8: renders as IE7 (expected!)
◦IE9(beta): renders as IE7 (not expected!)
6.<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
◦all IEs render as IE7 (expected)
7.<meta http-equiv="X-UA-Compatible" content="IE=7">
◦all IEs render as IE7 (expected)
OK到这里官方给出的文档被证实错误,那到底我们一干屁民应该怎么去使用呢?
比较庆幸的是IE9尚处于测试阶段。等官方正是发布的时候不知道上面的测试结果是否成立。
注:apple.com的中文和英文也是给出两种不同写法。同时,苹果网站使用部分的html5技术,没有使用 header,nav等新的标签。taobao比较强悍,大手笔的使用了html5新特性。
由于本人英文水平有限,在看到这个test页面的时候已经没耐心看下去了,到底是官方错误,还是IE9测试版的bug,IE9正式版会不会仍然从新给出文档。如果有哪位看完并且得出结论了希望您能够在此留言告知
以下是参考文档:
需要FQ:http://emological.com/ie/
posted on 2011-01-28 22:48 Ethan.zhu 阅读(1382) 评论(0) 编辑 收藏 举报