交文友,学写作,就到作文批改网! | 收藏本站专版专栏 |RSS订阅     欢迎,朋友 | 免费注册会员登录
 
设为首页
收藏本站
会员中心
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
发布时间:2015-10-17 07:32:24 作者:作文批改网 发布者:qq7600981E 浏览次数:2526  类别:指导文章  
作文批改网


 

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

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案

百度也应用了这种方案去解决IE的兼容问题

百度源代码如下

1.                              <!Doctype html>

2.                              <html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>

3.                              <head>

4.                              <meta http-equiv=Content-Type content=“text/html;charset=utf-8″>

5.                              <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>

6.                              <title>百度一下,你就知道 </title>

7.                              <script>var wpo={start:new Date*1,pid:109,page:‘superpage’}</script>

<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>

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

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

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

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

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

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

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

1.                              <meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″><!– IE7 mode –>

2.                              //或者

3.                              <meta http-equiv=“X-UA-Compatible” content=“IE=7″><!– IE7 mode –>

4.强制IE8使用IE6IE5模式来解析

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

2.                               

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

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

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库(解决IEW3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2CSS3选择器。它修复了许多的HTMLCSS问题,并使得透明PNGIE5IE6下正确显示。

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

1.                              <!–[if lt IE 7]>

2.                              <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js” type=”text/javascript”></script>

3.                              <![endif]–>

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

1.                              <!–[if lt IE 8]>

2.                              <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js” type=”text/javascript”></script>

3.                              <![endif]–>

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

1.                              <!–[if lt IE 9]>

2.                              <script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>

3.                              <![endif]–>

解决PNG显示问题

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

需要注意的是:此方法对背景平铺(background-repeat)和背景(background-position)无法起到任何作用,默认会占满整个容器

head标签中添加一行代码:

<html> 

<head>   

<meta name="renderer" content="webkit|ie-comp|ie-stand"> 

</head> 

<body> 

</body>

</html>

content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。

若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">

若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">

若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">

可以试一试这段代码,在代码headmeta标签中加入meta http-equiv="X-UA-Compatible"

李之怡 共164篇 推荐7 优秀5
姜恩泽 共108篇 推荐22 优秀10
刘鼎轩 共98篇 推荐36 优秀24
马维霞 共80篇 推荐0 优秀1
陈永娟 共64篇 推荐15 优秀9
江秋 共63篇 推荐2 优秀2
陈乐乐 共60篇 推荐3 优秀0
胡豆儿 共59篇 推荐9 优秀7
房云玲 共57篇 推荐47 优秀5
董千里 共55篇 推荐30 优秀22
友情链接:百度   新华网   人民网   中国政府网   凤凰网   央视网  卫星地图  大师邦
关于本站 | 合作加盟 | 积分计划 | 联系我们 | 投稿须知 | 版权声明 | 问题解答
作文批改网 www.duzhenfang.com 地址:山东省临沂市罗庄区 电话:13864984078.
备案编号:鲁ICP备12014725号-1,设计制作:作文批改网
171.875毫秒