一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

转载 2015年06月16日 15:40:05

在这里送上几种IE使用模式:

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

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

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

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

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

1 <meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″>2 <meta http-equiv=“X-UA-Compatible” content=“IE=7″>
4. 强制使用IE8模式来解析
1 <meta http-equiv=“X-UA-Compatible” content=“IE=8″>

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

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

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

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

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

如 果服务器是自己的话,可以在服务器上定义一个自订标头来为它们的网站预设一个特定的文件兼容性模式。这个特定的方法取决于你的网站服务器。录入,下列的 web.config文件使Microsoft Internet Information Services (IIS)能定义一个自订标头以自动使用IE7 mode来编译所有网页。

另 外还有一起其他的解决方案,例如google的ie7 – js中是一个JavaScript库(解决IE与W3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题,并使 得透明PNG在IE5、IE6下正确显示。

使IE5,IE6兼容到IE7模式(推荐)

以下为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图片命名为 *-trans.png ,而美中不足的是,此方法对背景平铺(background-repeat)和背景(background-position)无法起到任何作用,默认会占满整个容器。当然你也可以使用《 IE6 PNG透明终极解决方案 》中所讲的方法。

还有一种有趣的方法

创建html5时发现这么一句话,如下:

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

这样写可以达到的效果是如果安装了GCF(Google Chrome Frame 谷歌内嵌浏览器框架的简称),则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。这个插件可以让用户的IE浏览器外不变,但 用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。

轻松搞定各版本IE兼容问题,IE6,IE7,IE8,IE9,IE10,IE11

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案,Google也给出了解决方案,百度也应用了这种方案去解决IE的兼容问题。解决这种兼容问题只需要一行代码就可以了,先来看下百度...
  • wangzl1163
  • wangzl1163
  • 2016年03月16日 14:47
  • 18140

搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 -

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题? 百度源代码如下: 1 2 3 4 5 6 ...
  • xiaoxiaohui520134
  • xiaoxiaohui520134
  • 2016年08月29日 14:36
  • 640

IE兼容问题IE6,IE7,IE8,IE9,IE10

x-ua-compatible 用来指定IE浏览器解析编译页面的modelx-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使用...
  • fen584521
  • fen584521
  • 2016年08月04日 21:38
  • 196

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

x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的...
  • qw0907
  • qw0907
  • 2017年04月06日 16:29
  • 211

IE6 IE7 IE8 IE9 IE10 Css hack及IE条件注释法

IE浏览器的csshack写法和IE条件注释语句 IE css hack 网络上有很多针对IE的css hack写法,但很多都缺乏实际的实战经验,今天我把我测试的结果来给大家分享下,注意:...
  • ypq5566
  • ypq5566
  • 2014年06月06日 14:35
  • 3114

IE7、IE8下使用escape、encodeURI传递中文参数乱码的问题及解决方案

js跳转到指定页面,一旦escape()中文数据,浏览器就会终止和没有反应。上网搜了半天始终不得解。一种说法是,escape中文之后,url中出现了%u,IE7和IE8拒绝执行。目前看来差不多是这样的...
  • lucky8star
  • lucky8star
  • 2010年05月10日 16:08
  • 10996

解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使用。 1、使用一行代码来指定浏览器使用特定的文档模式。   ...
  • u010994277
  • u010994277
  • 2015年02月26日 14:44
  • 24807

让bootstrap兼容ie6 ie7 ie8 ie9 ie10 ie11的解决方法

前两天遇到要bootstrap兼容ie各个版本的问题,但是各种百度,各种博客,最后算是解决了,但是迷迷糊糊的,现在来总结一下,如有雷同纯属总结。 首先看看代码的模样: html> head> me...
  • messicr7
  • messicr7
  • 2016年07月07日 12:09
  • 3525

IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案

最近发现各大类库都能利用xxx.innerHTML=HTML片断来生成节点元素,再把它们插入到目标元素的各个位置上。这东西实际上就是insertAdjacentHTML,但是IE可恶的innerHTM...
  • u011286208
  • u011286208
  • 2015年09月02日 11:51
  • 1529

JSON字符串转换为JSON对象,兼容IE7等浏览器

1>jQuery插件支持的转换方式:  代码如下: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json...
  • tsh18523266651
  • tsh18523266651
  • 2016年06月13日 10:42
  • 4023
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
举报原因:
原因补充:

(最多只允许输入30个字)