记录遇到的IE BUG:

 1.IE8开发者工具打不开

解决办法:IE8新增了开发人员工具,非常不错,比早期的DevToolbar好用多了。不过在我的Win7下 使用的时候偶尔会出现一个莫名其妙的问题,就是整个开发人员工具窗口消失了,打不开了。当你使用win+Tab切换窗口的时候, 整个开发者工具光是显示一片透明  的  区域,选中之后怎么都出不来。这个问题那会困扰了我很久,后来发现一个办法可以解决。就是在工具栏上将鼠标移到那个开发人员工具窗 口图标上,注意,是图标,不是窗口。然后右键,选择最大化,这个时候,熟悉的开发人员工具窗口就出现了。

2.IE8背景不显示

解决办法:做的项目我一般在火狐下测试,做完之后在IE8上测试发现背景图片不显示,代码如下:background:url(/webpage/jx/images/bg.png)repeat-x;IE9以上就可以里,但是我们的项目好多客户使用的是IE8,网上查了下,修改成:background:url(/webpage/jx/images/bg.png) repeat-x;

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

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE67、8等多个版本的IE浏览器。

x-ua-compatible 用来指定IE浏览器解析编译页面的model

             Ⅰ、使用一行代码来指定浏览器使用特定的文档模式。     
                   <meta http-equiv="x-ua-compatible" content="IE=9" >
 
 
<meta http-equiv="x-ua-compatible" content="IE=8" >
                    <meta http-equiv="x-ua-compatible" content="IE=7" >
 
 
             Ⅱ、在一些情况下,我们需要限定浏览器对文档的解析到某一特定版本,或者将浏览器限定到一些旧版本的表现中。可以用如下的方式:
 
             <meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
 
             <meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
 
             <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >
 
              使用这种写法,浏览器或者使用标准模式进行解析,或者使用 IE5 Quirks 模式进行解析 
 
       Ⅲ、为了测试,我们也可以使用下面的语句指定浏览器按照最高的标准模式解析页面。
 
       <meta http-equiv="x-ua-compatible" content="IE=edge" >
 
Ⅳ、多个模式的指定。我们可以用逗号分割多个版本,这种情况下,浏览器会从这个列表中选择一个他所支持的最高版本来使用标准模式进行渲染。如下面的例子,在IE8进行浏览时,将会使用IE7的标准模式进行渲染,因为他本身不支持IE9和IE10。
         
       <meta http-equiv="x-ua-compatible" content="IE=7,9,10" >
 
Ⅴ、强制使用IE7模式来解析网页代码!
       <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>
 
Ⅵ Google Chrome Frame也可以让IE用上Chrome的引擎:
       <meta http-equiv=“X-UA-Compatible” content=“chrome=1″ />
 
Ⅶ 强制IE8使用IE7模式来解析
       <meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″><!– IE7 mode –>
        
//或者
      
<meta http-equiv=“X-UA-Compatible” content=“IE=7″><!– IE7 mode –>
 
Ⅷ 强制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 –>
 
Ⅸ 如果一个特定版本的IE支持所要求的兼容性模式多于一种,
       如: <meta http-equiv=“X-UA-Compatible” content=“IE=5; IE=8″ />
 
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)无法起到任何作用,默认会占满整个容器。

 
 

记录各种IE兼容问题,IE6,IE7,IE8,IE9,IE10的更多相关文章

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

    行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 2012-04-25 16:29:04| 分类: 学习 |字号 订阅 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE ...

  2. 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 http://www.jb51.net/css/383986.html

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题   百度源代码如下 复制代码 代码如下: <!Do ...

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

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

  4. 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10(转载)

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

  5. 网页头一定要加的代码段(加注版)一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

      网页头部常见的一段代码 <!--[if lt IE 7 ]><html class="ie6"><![endif]--> <!--[i ...

  6. 一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

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

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

    原文链接 http://blog.csdn.net/h5_queenstyle12/article/details/50424862 百度源代码如下 <!Doctype html> < ...

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

    x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使 ...

  9. meta 标签代码解决IE兼容问题,IE6,IE7,IE8,IE9,IE10(包括360的兼容模式)

    最近做了一个项目,客户反映,在360下布局错位,远程调试了一下,发现客户使用的是360的兼容模式,然而我在自己的电脑上测试的时候是正常的(兼容模式也正常):简单研究了一下360的兼容模式,在360的兼 ...

随机推荐

  1. Coursera无法正常提交作业

    如下图,upload服务貌似被墙了,想要提交作业的话需要临时科学上网.

  2. 求最长公共前缀和后缀—基于KMP的next数组

    KMP算法最主要的就是计算next[]算法,但是我们知道next[]求的是当前字符串之前的子字符串的最大前后缀数,但是有的时候我们需要比较字符串中前后缀最大数,比如 LeetCode的shortest ...

  3. Java内存模型_基础

    线程之间的通信机制有两种: 1.共享内存:线程之间共享程序的公共状态,通过写-读内存中的公共状态进行隐式的通信. 2.消息传递:线程之间没有公共状态,线程之间必须发送消息来显示的进行通信 同步:是指程 ...

  4. 微信H5支付:网络环境未能通过安全验证,请稍后再试。解决办法(PHP版)

    前(tu)言(cao) (这段前言纯属吐槽,着急解决问题的小伙伴,赶紧看正文吧) 最近做了支付宝和微信支付,先做的是PC端网站的支付,就是出个二维码,然后手机扫描支付,当然支付宝在扫码页面支持登录支付 ...

  5. Django视图,与数据库交互并返回数据

    环境:python 2.7.13  数据库:sqlite3(Django自带) 在学习Django的时候,遇到了困难.大概就是取到数据库数据后一直不能转成json数据.最后终于自己琢磨解决了. 要点就 ...

  6. 程序员也是弱势群体?——从WePhone开发者事件说起

    作为一名不爱凑热闹的人,今天一直在持续关注一个热点事件--WePhone开发者自杀,即使前几天热议的孕妇跳楼新闻我都不太关注,但是这个事件却让我深深的震撼,花了几个小时在微博上搜索了相关的信息,去了解 ...

  7. Java中常见数据结构Set之HashSet

    今天来说说Java集合中的Set系列之HashSet.   Set我们众所周知的就是虑重功能, 我们平时在项目开发中也常用到这个特性的.那么Set为何能够虑重呢? 接下来我们就看下源码吧.   Set ...

  8. java开发3轮技术面+hr面 面经(MT)

    一直没打理博客园  发现博客园阅读量好大,就把前段时间写的一个面经也搬过来咯,大家一起加油.... 作者:小仇Eleven 链接:https://www.nowcoder.com/discuss/37 ...

  9. Android学习记录:ViewPager实现欢迎页

    许多APP在第一次启动的时候,都会有welcome page.近日尝试利用ViewPager来实现Welcome Page. d0711 完成记录,跟新下载地址 =================== ...

  10. 波涛1202wm8833 lihomme/历织造 2013秋装全新男装夹克 整身年龄外套潮流立领男士休闲外套薄_9才号

    波涛1202wm8833 lihomme/历织造 2013秋装全新男装夹克 整身年龄外套潮流立领男士休闲外套薄_9才号 波涛1202wm8833lihomme/历织造2013秋装全新男装夹克整身年龄外 ...