`

.一行代码解决各种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使用IE6或IE5模式来解析

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库(解决IE与W3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题,并使得透明PNG在IE5、IE6下正确显示。

使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)无法起到任何作用,默认会占满整个容器
分享到:
评论

相关推荐

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

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 &lt;!Doctype html&gt; &lt;html xmlns=http://www.w3.org/...

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

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

    解决各种IE兼容问题_IE6_IE7_IE8_IE9_IE10

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

    一行代码解决各种IE兼容问题(IE6-IE10)

    1、使用一行代码来指定浏览器使用特定的文档模式。 &lt;meta http-equiv="x-ua-compatible" content="IE=9" &gt; &lt;meta http-equiv="x-ua-compatible" content="IE=8" &gt; &lt;meta ...

    让IE8启动IE7兼容模式的代码

    简单一行代码,让IE8自动调用IE7的渲染模式 只需要在页面中加入如下HTTP meta-tag: &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt; 只要IE8读到这个标签,它就会自动启动IE7兼容模式,...

    修复网页在IE8 下的显示兼容问题

    一个简单快捷的方法就是让IE8继续IE7的显示引擎来显示你的网站,我们称这个旧的显示引擎为兼容视图(Compatibility View) 。 在网页里面加入这行代码就可以使IE8使用兼容视图: &lt;meta ...

    Gridview 固定行与列 冻结表头和列 jquery实现 兼容IE10 谷歌 火狐

    之前上传一个资源css冻结表头冻结第一列,有评论说有些浏览器不兼容,针对这一问题用jquery来解决冻结行和列的兼容问题。 Gridview 固定行与列,jquery实现 兼容IE6-IE10,谷歌,火狐等多种常用版本浏览器。 asp.net...

    针对IE浏览器的兼容问题小结

    怎么用一行代码解决CSS各种IE各种兼容问题 &lt;meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1"/&gt; X-UA-Compatible:是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 ...

    div+css兼容性

    用一行代码来解决CSS在,IE6,IE7,IE8,IE9,IE10 中的各种兼容性问题。在网站前端写代码的过程中,很多时间IE各个版本的兼容问题很难整。

    IE9版本以下ajax 跨域问题可行解决方法

    让测试就发现问题了,IE8下请求不到数据,然后我查看一下自己写的js看有没有不兼容问题,可是都没有啊,为什么就请求不到呢。 我把ajax的error打印出来提示no transport,网上找了资料在js中第一行加这个就可以了...

    WIN7操作系统下做好IE6,IE7的兼容性测试

    前端开发的同行们,特别是涉及页面重构一块的,在web页面完成的时候,一般都要进行个主流浏览器的兼容性测试,一般情况下,像火狐,opera,safari,chrome这种浏览器,直接在网上下载最新的版本就行了,但是IE6,7,8,...

    VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决

    问题现象 项目使用vue/cli3脚手架搭建的前端项目,vue版本为...包含的代码中有ES6的语法,IE不支持,查了网上很多资料都说使用babel-polyfill来解决。 现象一:IE不支持ES6语法 Vuex requires a Promise polyfill

    多种方法解决min-width 不兼容ie6的问题

    把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。 方法二: 复制...

    IE与FireFox的JavaScript兼容问题解决办法

    1、动态删除table里的某一行。 table:表示table对象。 k:表示行号 table.rows[k].removeNode(true); //firefox执行失败,ie执行成功 IE与FireFox兼容写法 table.deleteRow(k); 2、为HTML标签自定义属性。 input...

    兼容IE,firefox日期选择控件

    一个用于日期选择的js控件,兼容IE,firefox。 使用方法: 1)引用js文件:WebCalendar.js 2)在需要的地方调用方法:SelectDate(obj,'yyyy-MM-dd'),其中obj为日期输入目标的引用(好像说复杂了,其实很多时候我们只用...

    table2excel(解决IE下导出{table[0]}的问题)

    table表格导出excel插件修改版,解决IE以及兼容模式下导出{table[0]}的问题

    JS固定表头和左边列(最新源码)1.9

    1.1 修正了对IE6、IE7的兼容问题 1.2 修正了固定行、列的样式问题 1.3 IE6/IE7浏览器 不启用该功能 1.4 增加了拆分线, 修正了重复生成锁定行列的问题以及生成错位的问题, 修正了行、列事件无法复制的...

Global site tag (gtag.js) - Google Analytics