一行代码处理种种IE兼容问题,IE6,IE7,IE8,IE9,IE10

2024年4月4日 197次阅读 来源: hover_lew

在网站开辟中难免由于种种兼容题目苦恼，针对兼容题目，实在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″>

  1. 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)没法起到任何作用,默许会占满全部容器。

三、<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阅读器。

    原文作者：hover_lew
    原文地址: https://segmentfault.com/a/1190000007710767
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞