风哥教程

培训 . 交流 . 分享
Make progress together!

一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

[复制本文链接]
内容发布:hyp78802| 发布时间:2014-6-18 14:17:24
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案
百度也应用了这种方案去解决IE兼容问题
百度源代码如下
1        <!Doctype html>
2        <htmlxmlns=http://www.w3.org/1999/xhtmlxmlns:bd=http://www.baidu.com/2010/xbdml>
3        <head>
4        <metahttp-equiv=Content-Typecontent=“text/html;charset=utf-8″>
5        <metahttp-equiv=X-UA-Compatiblecontent=IE=EmulateIE7>
6        <title>百度一下,你就知道</title>
7        <script>varwpo={start:newDate*1,pid:109,page:‘superpage’}</script>
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>
可以打开百度,右键查看源码看下!我们可以看下文件头是否存在这样一行代码!
这句话的意思是强制使用IE7模式来解析网页代码!
在这里送上几种IE使用模式!
8        <metahttp-equiv=“X-UA-Compatible”content=“IE=8″>
2.Google Chrome Frame也可以让IE用上Chrome的引擎:
9        <metahttp-equiv=“X-UA-Compatible”content=“chrome=1″/>
3.强制IE8使用IE7模式来解析
10    <metahttp-equiv=“X-UA-Compatible”content=“IE=EmulateIE7″><!–IE7 mode –>
11    //或者
12    <metahttp-equiv=“X-UA-Compatible”content=“IE=7″><!–IE7 mode –>
4.强制IE8使用IE6IE5模式来解析
13    <metahttp-equiv=“X-UA-Compatible”content=“IE=6″><!–IE6 mode –>
14    <metahttp-equiv=“X-UA-Compatible”content=“IE=5″><!–IE5 mode –>
5.如果一个特定版本的IE支持所要求的兼容性模式多于一种,如:
15    <metahttp-equiv=“X-UA-Compatible”content=“IE=5;IE=8″/>
.设定网站服务器以指定预设兼容性模式
如果服务器是自己的话,可以在服务器上定义一个自订标头来为它们的网站预设一个特定的文件兼容性模式。这个特定的方法取决于你的网站服务器。
录入,下列的 web.config文件使Microsoft Internet InformationServices (IIS)能定义一个自订标头以自动使用IE7mode来编译所有网页。
另外还有一起其他的解决方案,例如google
ie7– js中是一个JavaScript库(解决IEW3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2CSS3选择器。它修复了许多的HTMLCSS问题,并使得透明PNGIE5IE6下正确显示。
使IE5,IE6兼容到IE7模式(推荐)
16    <!–[if lt IE 7]>
17    <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js”type=”text/javascript”></script>
18    <![endif]–>
使IE5,IE6,IE7兼容到IE8模式
19    <!–[if lt IE 8]>
20    <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js”type=”text/javascript”></script>
21    <![endif]–>
使IE5,IE6,IE7,IE8兼容到IE9模式
22    <!–[if lt IE 9]>
23    <script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>
24    <![endif]–>



上一篇:Android从入门到精通-PHP项目开发案例全程实录
下一篇:Java中文乱码解决方法
回复

使用道具 举报

1框架
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

热门文章教程

  • 风哥Oracle数据库巡检工具V1.0(附2.6网页
  • Navicat for MySQL最新版下载地址及注册码
  • 实战PHP与MySQL权威指南PDF电子书下载
  • MySQL权威指南(第2版)PDF电子书下载
  • MySQL5权威指南(第3版)PDF电子版下载
  • Oracle19c数据库发布与下载地址
快速回复 返回顶部 返回列表