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

31人阅读 评论(0) 收藏 举报

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决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=EmulateIE7>
<title>百度一下,你就知道 </title>
<script>var wpo={start:new Date*1,pid:109,page:‘superpage’}</script>
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

可以打开百度,右键查看源码看下!我们可以看下文件头是否存在这样一行代码!

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

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

<meta http-equiv=“X-UA-Compatible” content=“IE=8″>
  • 1
  1. Google Chrome Frame也可以让IE用上Chrome的引擎:
<meta http-equiv=“X-UA-Compatible” content=“chrome=1″ />
  • 1

3.强制IE8使用IE7模式来解析

<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″><!– IE7 mode –>
//或者
<meta http-equiv=“X-UA-Compatible” content=“IE=7″><!– IE7 mode –>
  • 1
  • 2
  • 3

4.强制IE8使用IE6或IE5模式来解析

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

<meta http-equiv=“X-UA-Compatible” content=“IE=5″><!– IE5 mode –>
  • 1
  • 2
  • 3

5.如果一个特定版本的IE支持所要求的兼容性模式多于一种,如:

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

二.设定网站服务器以指定预设兼容性模式

如果服务器是自己的话,可以在服务器上定义一个自订标头来为它们的网站预设一个特定的文件兼容性模式。这个特定的方法取决于你的网站服务器。

录入,下列的 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模式(推荐)

<!–[if lt IE 7]>
<script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.jstype=”text/javascript”></script>
<![endif]–>
使IE5,IE6,IE7兼容到IE8模式
  • 1
  • 2
  • 3
  • 4
<!–[if lt IE 8]>
<script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.jstype=”text/javascript”></script>
<![endif]–>
使IE5,IE6,IE7,IE8兼容到IE9模式
  • 1
  • 2
  • 3
  • 4
<!–[if lt IE 9]>
<script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>
<![endif]–>
解决PNG显示问题
  • 1
  • 2
  • 3
  • 4

只需将透明png图片命名为*-trans.png

需要注意的是:此方法对背景平铺(background-repeat)和背景(background-position)无法起到任何作用,默认会占满整个容器。 
三、<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ /> 
创建html5时发现这么一句话,不知其什么意思,百度如下: 
这 样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。

查看评论

一行代码解决各种IE兼容问题

  • 2014年12月19日 14:46
  • 607B
  • 下载

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

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

div+css兼容性

  • 2015年08月28日 18:29
  • 253KB
  • 下载

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

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

min-width、max-width兼容IE6、IE7的解决方法

很多时候,我们会想要设置容器的最小宽度或最大宽度,但IE6不支持min-width、max-width属性怎么办?IE7以上虽然支持min-width、max-width,但是容器要设置display...
  • xjun0812
  • xjun0812
  • 2015-12-25 16:26:45
  • 5555

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者...
  • accpzgp
  • accpzgp
  • 2014-04-17 15:43:38
  • 46588

IETester测试工具

  • 2015年01月20日 09:05
  • 56.39MB
  • 下载

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

在这里送上几种IE使用模式: 1.强制使用IE5模式来解析 1 2.强制使用IE6模式来解析 1 3.强制使用IE7模式来解析的两种方式 1 2 4. 强制使用...
  • bestone0213
  • bestone0213
  • 2015-06-16 15:40:05
  • 1954

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

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

CSS兼容IE6/IE7/IE8/IE9/IE10的通用方法

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能解决现今所有HA...
  • a6680340
  • a6680340
  • 2016-08-29 17:42:52
  • 527
    个人资料
    等级:
    访问量: 1223万+
    积分: 6万+
    排名: 38
    文章分类
    文章存档
    最新评论
    计算流量