当前位置: 首页 > news >正文

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

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实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使用模式!
1.强制使用IE8模式来解析

<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.强制使用IE7模式来解析

<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″><!– IE7 mode –>
//或者
<meta http-equiv=“X-UA-Compatible” content=“IE=7″><!– IE7 mode –>

4.强制使用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″ />

6.指定浏览器按照最高的标准模式解析页面
<meta http-equiv="x-ua-compatible" content="IE=edge" >

二.设定网站服务器以指定预设兼容性模式

如果服务器是自己的话,可以在服务器上定义一个自订标头来为它们的网站预设一个特定的文件兼容性模式。这个特定的方法取决于你的网站服务器。

录入,下列的 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

相关文章:

  • centos平台openstack spice配置
  • 专业级的PHP IDE——Zend Studio正式发布v13[附下载]
  • 实现弹出窗口后Activity背景变暗
  • adb命令的一些补充
  • 深度优先算法
  • [selenium] Handling Untrusted SSL certificate error in firefox
  • Java8 Lumbda表达式 初步
  • c++编程规范的纲要和记录
  • QCon旧金山演讲总结:阿里无线技术架构演进
  • js 日期2015/12/22/16/45替换2015-12-22 16:45格式
  • windows socket错误码及出错原因
  • SQL 数学函数,字符串函数与时间日期函数11月18日
  • hdu 5510 Bazinga(暴力)
  • ubuntu 无法更新/下载软件,报404错误解决办法
  • HDFS集中化缓存管理
  • AHK 中 = 和 == 等比较运算符的用法
  • Angular 4.x 动态创建组件
  • Date型的使用
  • Essential Studio for ASP.NET Web Forms 2017 v2,新增自定义树形网格工具栏
  • es的写入过程
  • FastReport在线报表设计器工作原理
  • Git同步原始仓库到Fork仓库中
  • iOS | NSProxy
  • JavaScript的使用你知道几种?(上)
  • Java-详解HashMap
  • Mac转Windows的拯救指南
  • oldjun 检测网站的经验
  • Python实现BT种子转化为磁力链接【实战】
  • Storybook 5.0正式发布:有史以来变化最大的版本\n
  • Vue2.x学习三:事件处理生命周期钩子
  • 给Prometheus造假数据的方法
  • 构建工具 - 收藏集 - 掘金
  • 基于web的全景—— Pannellum小试
  • 基于组件的设计工作流与界面抽象
  • 利用jquery编写加法运算验证码
  • 前端面试总结(at, md)
  • 十年未变!安全,谁之责?(下)
  • 用jquery写贪吃蛇
  • k8s使用glusterfs实现动态持久化存储
  • 阿里云IoT边缘计算助力企业零改造实现远程运维 ...
  • ​​​​​​​​​​​​​​汽车网络信息安全分析方法论
  • ​520就是要宠粉,你的心头书我买单
  • (12)Hive调优——count distinct去重优化
  • (5)STL算法之复制
  • (rabbitmq的高级特性)消息可靠性
  • (zt)最盛行的警世狂言(爆笑)
  • (附源码)spring boot智能服药提醒app 毕业设计 102151
  • (六)软件测试分工
  • (十二)devops持续集成开发——jenkins的全局工具配置之sonar qube环境安装及配置
  • (五)IO流之ByteArrayInput/OutputStream
  • (原創) 物件導向與老子思想 (OO)
  • (轉貼) 2008 Altera 亞洲創新大賽 台灣學生成果傲視全球 [照片花絮] (SOC) (News)
  • .gitignore
  • .MyFile@waifu.club.wis.mkp勒索病毒数据怎么处理|数据解密恢复
  • .Net Core/.Net6/.Net8 ,启动配置/Program.cs 配置