解决IE7和IE8兼容性问题

开发 前端
CSS兼容问题已经是CSS网页布局技术中的重要组成部分,随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注,这里向大家描述一下如何解决IE7和IE8兼容的BUG问题。

本文向大家简单介绍一下如何解决IE7和IE8兼容的BUG问题,在以前的文章中51cto.com向大家说明,IE8会是福音还是又一个光环据称全面兼容标准,今天向大家介绍如何解决IE7和IE8兼容性问题。

CSS兼容:如何解决IE7和IE8的BUG

CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然51cto.com介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注。

  在以前的文章中51cto.com向大家说明,IE8会是福音还是又一个光环据称全面兼容标准,今天向大家介绍如何解决IE7和IE8兼容性问题。

  微软在IE8提供三种解析页面的模式

  ◆IE8StandardModes:默认的最标准的模式,严格按照W3C相关规定

  ◆IE7StandardsModes:IE7现在用的解析网页的模式,开起机关是在<head>中加入<metahttp-equiv="X-UA-Compatible"content="IE=7">

  ◆QuirksModes:IE5用的解析网页的模式,开起机关是删除HTML顶部的DOCTYPE声明

  注意:不同模式间的网页在IE8中可以互相frame,因此因不会模式下的DOM和CSS渲染不一样,所以会引发很多问题,务必注意如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下:

ExampleSourceCode

  1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="ie=7"/> 
  2.  

  ◆IE8***csshack:

  "\9" 例:"margin:0pxauto\9;".这里的"\9"可以区别所有IE和FireFox.

  "*" IE6、IE7可以识别.IE8、FireFox不能.

  "_" IE6可以识别"_",IE7、IE8、FireFox不能.
 

【编辑推荐】

  1. 两种方案解决IE6、IE7、Firefox兼容问题
  2. JavaScript代码轻松实现DIV圆角
  3. 网页排版中IE6,IE7,Firefox浏览器兼容性写法
  4. CSS属性display:inline-block使用揭秘
  5. Firefox、IE7、IE6浏览器兼容问题概念解析

 

 

责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-08-17 15:33:28

CSS兼容IE7IE8

2010-08-17 15:38:49

CSS兼容IE7IE8

2010-09-15 10:25:18

IE7IE8CSS兼容性

2010-09-08 16:59:48

CSS兼容IE7IE8

2010-08-20 13:15:54

IE6IE7IE8

2010-08-19 09:24:20

CSS兼容IE7IE8

2010-09-15 10:32:54

IE8兼容

2010-09-16 13:33:47

IE6IE7IE8

2010-08-19 16:06:15

2010-09-15 11:32:37

IE6IE7浏览器兼容性

2010-09-30 14:23:19

IE7 JS Libr

2010-08-20 11:01:10

IE7IE8CSS

2010-08-17 14:51:05

IE8兼容性

2010-08-17 15:26:38

IE7IE8CSS兼容性

2010-08-17 16:50:30

JSIE6IE8

2010-08-17 15:07:48

IE6IE7IE8

2010-08-20 09:25:11

IE6IE7IE8

2010-08-19 14:19:12

IE6IE7IE8

2010-08-20 09:33:22

IE6IE7IE8

2010-10-09 15:22:25

IE7.JS
点赞
收藏

51CTO技术栈公众号