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

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

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实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=Edge><title>百度一下,你就知道 </title>
这句话的意思是强制使用Edge模式来解析网页代码!

几种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″/>

7.默认使用Google Chrome Frame进行渲染,如果没有安装gcf则使用IE的最新内核来渲染

< meta http-equiv = "X-UA-Compatible" content ="IE=edge,chrome=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下正确显示。

以下为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浏览器。


posted on 2016-03-16 14:47 代码养家 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/wangzl1163/p/6341187.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/288642.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux shell之通过标识测试文件系统属性

1 通过标识测试文件系统属性 [ -f $file_var ] :如果给定的变量包含正常的文件路径或文件名,则返回真。 [ -x $var ] :如果给定的变量包含的文件可执行,则返回真。 [ -d $var ] :如果给定的变量包含的是目录,则返回真。 [ -e $var ] :如果给定的变量包含的文件存在,则返回真。…

python中变量类型在程序中可以改变_详细解析Python当中的数据类型和变量

数据类型计算机顾名思义就是可以做数学计算的机器&#xff0c;因此&#xff0c;计算机程序理所当然地可以处理各种数值。但是&#xff0c;计算机能处理的远不止数值&#xff0c;还可以处理文本、图形、音频、视频、网页等各种各样的数据&#xff0c;不同的数据&#xff0c;需要…

php输出二维数组中指定内容,HP将MYSQL内容读到二维数组并按指定列输出

&#xff1c;?$host "localhost"; //主机名$user "root"; //mysql用户名$password ""; //mysql密码$database "doc"; //mysql数据库名$tables "mclass"; //表名$connmysql_connect("$host",&…

利用Excel VBA批量计算长时间序列植被物候动态阈值(逐像元)

本文演示利用Excel VBA编程实现多期栅格数据,逐像元计算物候参数:生长季始期(SOS)、生长季末期(EOS)和生长季长度(LOS),计算过程速度快! 说明: (1)利用Raster to Point工具将栅格数据转换为点图层,结果为38998个点,由于每年有24个数据(半月合成),所以得到的…

linux shell之字符串的比较

1 字符串常用的比较 字符串相等 [[ $str1 $str2 ]] 字符串不相等 [[ $str1 ! $str2 ]] 字符串大小比较 [[ $str1 > $str2 ]] 字符串等于空 [[ -z $str2 ]] 字符串不等于空 [[ -n $str2 ]] 用test代替[] if test $str1 $str2 2 测试代码 #/bin/bashstr1&quo…

如何在JavaScript中运行.NET Core代码

前言在.NET Core中运行JavaScript代码&#xff0c;目前已经有很多实现方案。但是&#xff0c;如果你希望在纯JavaScript环境中运行.NET Core代码呢&#xff1f;那么&#xff0c;DotNetJS可能对你有所帮助。DotNetJSDotNetJS可以将C#项目编译为与任何环境兼容的单文件JavaScript…

表联接

表1&#xff1a;teacher------------| id | name |------------| 1 | 刘德华 || 2 | 张学友 || 4 | 黎明 |------------表2&#xff1a;student------------------| id | name | tea_id |------------------| 1 | 张三 | 1 || 2 | 李四 | 1 || 3 | 王五 | …

sql 之as(Aliases)别名(mysql)

使用别名主要原因是因为如果在很多表的时候&#xff0c;我们的表名可能会混淆&#xff0c;导致语句不清晰&#xff0c;那么我们使用别名就可以让我们操作数据库表的时候更加清晰明了&#xff0c;那么我们假设有如下表&#xff1a; 那么我们查找我们age1的值为11的数据&#…

C语言发展史(The development of the C language)-BCPL、B与C【转】

The Development of the C Language*Dennis M. RitchieBell Labs/Lucent TechnologiesMurray Hill, NJ 07974 USA 概要在1970s早期&#xff0c;C编程语言是作为新生的Unix操作系统的系统实现语言而设计的。衍生于无类型(typeless)语言BCPL&#xff0c;它进化出了一个类型结构【…

linux shell之find高级点的用法

1 查找当前目录a.txt和b.txt文件,下面的o是or的意思, -iname是忽略大小写的意思(-o -iname) find . -iname a.txt -o -iname b.txt 2 查找当前目录下的除了a.txt的文件(!) find . ! -iname "a.txt" 3 查看当前目前下的目录(-type d) find . -type d 4 查看当前目…

Java Eclipse开发环境搭建及注意事项

一、所需工具 (1)JDK(http://www.oracle.com/technetwork/java/javase/downloads/index.html) (2)Tomcat 7.0(http://tomcat.apache.org/download-70.cgi,选择: 32-bit/64-bit Windows Service Installer (pgp,

基于.NetCore开发博客项目 StarBlog - (3) 模型设计

系列文章基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客&#xff1f;基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目基于.NetCore开发博客项目 StarBlog - (3) 模型设计...基于.NetCore开发博客项目 StarBlog - 接口返回值包装基于.NetCore开…

matlab读取文件夹下所有文件的字符串,MATLAB读取文件夹下所有文件的文件名并读取数据...

MATLAB读取文件夹下特定类型格式文件的文件名并读取该格式文件的数据利用代码对大量数据进行自动批处理时&#xff0c;首先需要获取该数据存放的文件夹(文件夹路径)&#xff0c;然后获取该文件夹下某一类型数据所有的文件名&#xff0c;最后通过特定的数据读取代码读取数据进行…

sqlserver建表语句_重新认识MySQL中的COUNT语句

在数据库的增删改查操作中&#xff0c;使用最频繁的就是查询操作。而在所有查询操作中&#xff0c;统计数量操作更是经常被用到。关于数据库中行数统计&#xff0c;无论是MySQL还是Oracle亦或者是SqlServer&#xff0c;都有一个函数可以使用&#xff0c;那就是COUNT。而对于COU…

显示学生各科成绩和总成绩-面试被问到

表结构如下&#xff1a; name schedule score 张三 语文 20张三 数学 60张三 英语 80李四 数学 30李四 英语 60李四 语文 80 想要的结果如下&#xff1a; 姓名 语文 数学 英语 总成绩 …

sql INNER JOIN 取得两个表中存在连接匹配关系的记录(mysql)

首先&#xff1a;JOIN 通常与 ON 关键字搭配使用 其次我们来看我们的两个表格&#xff1a; table1: table2: 在这里&#xff0c;INNER JOIN&#xff08;内连接,或等值连接&#xff09;&#xff1a;取得两个表中存在连接匹配关系的记录。 例如我要取到table1和table2之…

【Linux】IPC-消息队列

问题 消息队列id 和键值KEY区别&#xff1f; 首先要注意一个概念&#xff1a;IPC结构都是内核的结构。也就是说IPC结构由内核维护&#xff0c;对于每个进程都是公共的&#xff0c;不属于某个特定进程。只有这样&#xff0c;IPC结构才能支持它们“进程间通信”的功能。 有两个东…

linux shell之得到当前路径下的目录

方法1 find . -type d 方法2 ^是开头开头得意思&#xff0c;然后d是dictionary意思 ls -al | grep ^d 方法3 ls -F | grep /$ 方法4 ls -d */

python中html.parser_在Python中使用HTMLParser解析HTML的教程

如果我们要编写一个搜索引擎&#xff0c;第一步是用爬虫把目标网站的页面抓下来&#xff0c;第二步就是解析该HTML页面&#xff0c;看看里面的内容到底是新闻、图片还是视频。假设第一步已经完成了&#xff0c;第二步应该如何解析HTML呢&#xff1f;HTML本质上是XML的子集&…

分别统计出其中英文字母、空格、数字和其它字符的个数 matlab 程序,编写一段程序,要求先输入一行字符,然后分别统计出其中英文...

编写一个求和的程序,要求能任意输入两个整数,求和 用javascript写functionadd(){varAdocument.getElementById("a").value;varBdocument.getElementById("b").value;varA用C语言编写一段程序,输入一行字符,分别统计出其中的英文字母、空格、数字和其他字符…