在网站开发和学习中，由于各种兼容性问题，让开发者挺烦恼的，我的学员也经常因为兼容问题来找我取经。

事实上，IE给出了解决方案，谷歌给出了解决方案，国内著名网站百度也将这个解决方案应用于IE的兼容性问题。

要解决这个兼容性问题只需要一行代码，首先看看百度主页解决代码兼容性的问题。

百度首页源代码如下：

<!Doctype html>    <html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>    <head>    <meta http-equiv="Content-Type" content=“text/html;charset=utf-8″>    <META http-equiv="X-UA-Compatible" content=IE=Edge>    <title>百度一下，你就知道 </title>

这句话的意思是强制使用Edge模式来解析网页代码！

几种IE使用模式：

1.强制使用IE5模式来解析

<meta http-equiv=“X-UA-Compatible” content=“IE=5″>

2.强制使用IE6模式来解析

<meta http-equiv=“X-UA-Compatible” content=“IE=6″>

3.强制使用IE7模式来解析的两种方式

<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″>2   <meta http-equiv=“X-UA-Compatible” content=“IE=7″>

强制使用IE8模式来解析

<meta http-equiv=“X-UA-Compatible” content=“IE=8″>

5. Google Chrome Frame也可以让IE用上Chrome的引擎:

<meta http-equiv=“X-UA-Compatible” content=“chrome=1″/>

6.如果一个特定版本的IE支持所要求的兼容性模式多于一种，如下代码就是IE5和IE8两种模式：

<meta http-equiv=“X-UA-Compatible” content=“IE=5; IE=8″/>

7.默认使用Google Chrome Frame进行渲染，如果没有安装gcf则使用IE的最新内核来渲染

< meta http-equiv = "X-UA-Compatible" content ="IE=edge,chrome=1" />

除此之外，我们还可以设定网站服务器以指定预设兼容性模式

如果服务器是自己的话，您可以在服务器上定义一个自定义标头，以便为其网站指定特定的文件兼容性模式。这个特定的方法取决于你的网站服务器。下面的Web.config文件使微软Internet信息服务（IIS）来定义一个自定义页眉自动使用IE7模式编译所有的页面。

有另外的解决方案，在谷歌的IE7–JS是一个JavaScript库（JS库，解决了IE与W3C标准之间的冲突），使微软的Internet Explorer表现得像一个Web兼容的浏览器，支持更多的W3C标准，支持CSS2，CSS3选择器。它修复了大量的HTML和CSS的问题，使透明的PNG正确显示IE5和IE6下。

以下为google code的代码地址。

使IE5,IE6兼容到IE7模式

<!–[if lt IE 7]><script src=” http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js ” type=”text/javascript”></script><![endif]–>

使IE5,IE6,IE7兼容到IE8模式

<!–[if lt IE 8]><script src=” http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js ” type=”text/javascript”></script><![endif]–>

使IE5,IE6,IE7,IE8兼容到IE9模式

<!–[if lt IE 9]><script src=” http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js ”></script><![endif]–>

那么怎么解决解决PNG显示问题，只需将透明的PNG图片命名为*；，美中不足的是，这种方法不能发挥背景瓷砖（背景重复）和背景（背景位置）的作用默认会占满整个容器。当然你也可以使用《IE6 PNG透明终极解决方案 》中所讲的方法。

还有一种有趣的方法

创建html5时发现这么一句话，如下：

<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>

这样写可以达到的效果是如果安装了GCF（Google Chrome Frame 谷歌内嵌浏览器框架的简称），然后使用GCF渲染页面，如果你没有在IE浏览器中安装有，也可以使用IE内核的最高版本进行渲染。这个插件允许用户的IE浏览器看起来一样，但在浏览网页时，用户实际上使用的是谷歌浏览器浏览器内核，支持IE浏览器的多个版本，如IE6，7, 8，等。

各版本IE兼容问题,IE6,IE7,IE8,IE9,IE10,IE11的更多相关文章

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

    行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 2012-04-25 16:29:04| 分类: 学习 |字号 订阅 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE ...

  2. 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法--(转)

    如有雷同,不胜荣幸,若转载,请注明 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法 最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了boot ...

  3. 转载------让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

    本文是转载及收藏 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法 最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在c ...

  4. bootstrap支持ie8 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

    做一个在线系统,PC端也要做,但要兼容千恶的IE8[IE6 是万恶,打死我都不会管IE6],IE8 是我底线了md, 在IE8下 bottstrap 错乱,变形,不支持一些属性的问题,下面看了一篇 某 ...

  5. 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 http://www.jb51.net/css/383986.html

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题   百度源代码如下 复制代码 代码如下: <!Do ...

  6. 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10（转）

     在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html&g ...

  7. 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10（转载）

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html> ...

  8. 网页头一定要加的代码段（加注版）一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

      网页头部常见的一段代码 <!--[if lt IE 7 ]><html class="ie6"><![endif]--> <!--[i ...

  9. 记录各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

     记录遇到的IE BUG:  1.IE8开发者工具打不开 解决办法:IE8新增了开发人员工具,非常不错,比早期的DevToolbar好用多了.不过在我的Win7下 使用的时候偶尔会出现一个莫名其妙的问 ...

随机推荐

  1. lamp+nginx代理+discuz+wordpress+phpmyadmin搭建

    我们以模拟实际需求的形式来复习.需求如下:1. 准备两台centos 6,其中一台机器跑mysql,另外一台机器跑apache和nginx + php2. 同时安装apache和nginx,其中ngi ...

  2. artTemplate性能卓越的 js 模板引擎

    artTemplate-3.0 新一代 javascript 模板引擎 目录 特性 快速上手 模板语法 下载 方法 NodeJS 使用预编译 更新日志 授权协议 特性 性能卓越,执行速度通常是 Mus ...

  3. 牛客 判断t1树中是否含有与t2树拓扑结构完全相同的子树

    题目链接:https://www.nowcoder.com/practice/5a41ce17e8194e1688aa83a73137f7ee?tpId=101&tqId=33239& ...

  4. localStorage使用总结（转载）

    localStorage使用总结  本文转载自:https://www.cnblogs.com/st-leslie/p/5617130.html(点击标题可跳转至原文) 一.什么是localStora ...

  5. JUC源码分析-集合篇（三）ConcurrentLinkedQueue

    JUC源码分析-集合篇(三)ConcurrentLinkedQueue 在并发编程中,有时候需要使用线程安全的队列.如果要实现一个线程安全的队列有两种方式:一种是使用阻塞算法,另一种是使用非阻塞算法. ...

  6. 整合phoenix4.6.0-HBase-1.0到cdh5..4.7 编译phoenix4.6源码 RegionServer 宕机

    Phoenix 集成HBase Phoenix 版本:phoenix-4.6.0-HBase-1.0 源码下载地址: http://apache.cs.uu.nl/phoenix/phoenix-4. ...

  7. Codeforces Round #536 E. Lunar New Year and Red Envelopes /// 贪心 记忆化搜索 multiset取最大项

    题目大意: 给定n m k:(1≤n≤1e5, 0≤m≤200, 1≤k≤1e5) 表示n个时间长度内 最多被打扰m次 k个红包 接下来k行描述红包 s t d w:(1≤s≤t≤d≤n , 1≤w≤ ...

  8. 5、如何快速找到多个字典中的公共键(key) 6 如何让字典保持有序 7 如何实现用户的历史记录功能(最多n条)

    5.如何快速找到多个字典中的公共键(key) from random import randint,sample #随机取数 # a = sample("ABCDEF",randi ...

  9. （数据科学学习手札59）从抓取数据到生成shp文件并展示

    一.简介 shp格式的文件是地理信息领域最常见的文件格式之一,很好的结合了矢量数据与对应的标量数据,而在Python中我们可以使用pyshp来完成创建shp文件的过程,本文将从如何从高德地图获取矢量信 ...

  10. 如何在react中实现一个table切换？

    废话不说,直接贴代码,供新手参考 <!DOCTYPE html> export default class TabComponent extends Component { constru ...