复制代码代码如下:
meta http-equiv="X-UA-Compatible" content="IE=4" !-- IE5 mode --
meta http-equiv="X-UA-Compatible" content="IE=7.5" !-- IE7 mode --
meta http-equiv="X-UA-Compatible" content="IE=100" !-- IE8 mode --
meta http-equiv="X-UA-Compatible" content="IE=a" !-- IE5 mode --
!-- This header mimics Internet Explorer 7 and uses
!DOCTYPE to determine how to display the Web page --
meta http-equiv=X-UA-Compatible content=IE=EmulateIE7
注意: 前面的范例显示单独的内容值 。实际上IE只会执行网页中第一个X-UA-Compatible标头 。
你也可以使用内容属性来指定复数的文件兼容性模式,这能帮助确保你的网页在未来的浏览器版本都能一致的显示 。欲设定复数的文件模式,请设定内容属性以判别你想使用的模式 。使用分号来分开各个模式 。
如果一个特定版本的IE支持所要求的兼容性模式多于一种,将採用列于标头内容属性中最高的可用模式 。你可以使用这个特性来排除特定的兼容性模式,虽然并不推荐这样做 。举例来说,下列标头即会排除IE7 mode 。
meta http-equiv=X-UA-Compatible content=IE=5; IE=8 /
结论
兼容性对于网页设计师来说是非常重要的顾虑 。虽然最好是可以建立一个完全不需依赖任何网页浏览器特性或功能的网站,有时候这是不可能实现的 。文件兼容性模式便能将网页限制在某个特定版本的IE中 。
使用X-UA-Compatible标头来指定你的页面支持的IE版本 。使用document.documentMode判定页面的兼容性模式 。
选择支持某个特定版本的IE,你可以确保你的页面在未来的浏览器版本中也能有显示的一致
推荐阅读
- IE6常见bug附解决方法
- CSS背景色渐变写法兼容ie6至ie9
- 如何去除vue项目中的#及其ie9兼容性
- XP用户别哭 Firefox 3.7兼容XP 对抗IE9.
- jquery实现兼容IE8的异步上传文件
- 深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
- onclick IE8的JavaScript点击事件不兼容的解决方法
- IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- JavaScript之IE的fireEvent方法详细解析
- FLASH遮挡DIV浮动层解决方案兼容IE FF Chrome
