一行代码解决各种ie兼容问题,ie6,ie7,ie8,ie9,ie10

ruoyuting ruoyuting     2022-09-25     688

关键词:

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

2012-04-25 16:29:04| 分类: 学习 |字号 订阅
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实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>

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

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

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

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

<meta http-equiv=“X-UA-Compatible” content=“chrome=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 –>
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 –> 
5.如果一个特定版本的IE支持所要求的兼容性模式多于一种,如:

<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模式(推荐)

<!–[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)无法起到任何作用,默认会占满整个容器。

转载:http://hi.baidu.com/myplan/blog/item/cdb09dfa1fa748a99f514626.html


三、<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浏览器。


http://blog.csdn.net/abxn2002/article/details/7312459

 

关于ie兼容的问题

...========================[一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10]在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案... 查看详情

ie6,ie7兼容性问题以及处理办法

...haslayout,那么绝对定位的容器的left和bottom就会有问题。解决办法:在相对定位的父容器上加入zoom:1来触发ie的haslayout即可解决。小技巧:通常我们在设置一个容器为position:relative的时候,都会加上zoom:1来解决很多ie下的问题。2、I... 查看详情

各种ie(ie6-ie10)兼容问题一行代码搞定

...head中,必须在除title外的其他meta之前使用。 1、使用一行代码来指定浏览器使用特定的文档模式。 <metahttp-equiv="x-ua-compatible"content="IE=9"><metahtt 查看详情

兼容问题

...这个最好处理,转化成IE7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了:1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>2. 2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处 查看详情

ie6ie7ie8ie9兼容问题终极解决方案

...1.强制使用高版本渲染模式。强制使用Edge模式来解析网页代码<metahttp-equiv="X-UA-Compatible"content="IE=Edge">强制使用Chrome浏览器内核(如果安装了)<metahttp-equiv=”X-UA-Compa 查看详情

完美解决ie(ie6/ie7/ie8)不兼容html5标签的方法

来自:http://www.cnblogs.com/Capricornus/archive/2013/03/26/2982122.html HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有:&... 查看详情

html5shiv--解决ie(ie6/ie7/ie8)不兼容html5标签的方法

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局。大多数浏览器基本兼容html5,但目前来说ie6/ie7/ie8还不兼容html5标签,所以需要javascript处理,让其进行兼容方法一:javascriptcode<!--[ifltIE9]><script&... 查看详情

ie6ie7‘json’未定义

...不会),如:经努力查找资料,发现前人已经有此经力和解决方法:下载下面的js文件,并引到网页中即可解决。http://downl 查看详情

常见的兼容性问题解决方案

1.区别IE和非IE浏览器#demo1{background:blue;/*非IE背景藍色*/background:red9;/*IE6、IE7、IE8背景紅色*/}2.区别IE6,IE7,IE8,FF【区别符号】:「9」、「*」、「_」【示例】:#demo2{background:blue;/*Firefox背景变蓝色*/background:red9;/*IE8背景变红色*/*backg 查看详情

ie6/ie7/ie8兼容h5标签

可以使用html5shiv(html5shiv主要解决HTML5提出的新元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式)来解决<!--[ifltIE9]><scriptsrc="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-- 查看详情

怎么用csshack处理各浏览器兼容ie6,ie7,ie8,ie9/ff

...性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中,做好浏览器兼容,才能够让网站在不同的浏览器下都正常显示。而对于浏... 查看详情

ie6ie7ie8火狐兼容性问题

...际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在 查看详情

IE6和IE7之间的浏览器兼容性

】IE6和IE7之间的浏览器兼容性【英文标题】:BrowsercompatibilitybetweenIE6andIE7【发布时间】:2010-10-2201:00:54【问题描述】:我正在开发一个项目,我需要根据使用AJAX单击的标志更改语言。它在IE7中运行良好,但在IE6中运行时显示错... 查看详情

css完美兼容ie6/ie7/ie8/ie9/ie10的通用方法

...,而在IE中只有margin有值所以先定义ul{margin:0;padding:0;}就能解决大部分问题4、关于 查看详情

IETester 是不是运行与 IE6 / IE7 相同的实际代码?还是仿真?

】IETester是不是运行与IE6/IE7相同的实际代码?还是仿真?【英文标题】:DoesIETesterruntheACTUALsamecodethatexistedforIE6/IE7?Orisitanemulation?IETester是否运行与IE6/IE7相同的实际代码?还是仿真?【发布时间】:2010-11-0715:29:06【问题描述】:我... 查看详情

div中li宽度不固定ie6和ie7不兼容不自动换行

我的li因为内容字数不一样,所以宽度不固定,给他float:left属性后,ie6和ie7不兼容,不自动换行!我给ul或者li:ul{white-space:nowrap}属性还是不管用..最后设置了li的宽度固定后解决了。 查看详情

一行代码解决ie兼容性问题

 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题  百度源代码如下<!Doctypehtml><htmlxmlns=http://www.w3.org/1999/xhtml ... 查看详情

前端开发浏览器兼容问题

...567我很少使用hacker的,可能是个人习惯吧,我不喜欢写的代码IE不兼容,然后用hack来解决。不过hacker还是非常好用的。使用hacker我可以把浏览器分为3类:IE6;IE7和遨游;其他(IE8chrome<br>ffsafariopera等)◆IE6认识的hacker是下划... 查看详情