IE7 IE8 CSS兼容性终极解决方案

开发 前端
所有的网页制作者都希望自己做出了的网页可以完美的兼容所有主流的浏览器,包括IE6,IE7,IE8,Firefox等, 这里向大家描述一下IE7 IE8 CSS兼容性终极解决方案。

本文向大家简单介绍一下如何解决IE7、 IE8、 CSS兼容性,这几个浏览器都有自己专用的CSSHACK,让我们很好的完成兼容工作,并且IE8已经更新到beta2版本了,现在就和大家分享这个非CSS的IE8HACK吧!

IE7 IE8 CSS兼容性终极解决方案

所有的网页制作者都希望自己做出了的网页可以完美的兼容所有主流的浏览器,包括IE6,IE7,IE8,Firefox,Opera,Safari,Chrome等等!但我们做网页制作的也要符合中国国情来做工作。所以我一般只会考虑IE6,IE7,Friefox这3个浏览器!这几个浏览器都有自己专用的CSSHACK,让我们很好的完成兼容工作。而IE8已经更新到beta2版本了,但是有关IE8HACK的方法在网上还是搜索不到!现在就和大家分享这个非CSS的IE8HACK吧!

由于IE8默认情况下使用它最新的“标准模式”来显示网页,所以当使用IE8浏览网页是,可能会遇到以下问题:

◆网页布局不整齐

◆文本或图像重叠

◆JavaScript功能有问题或错误

而微软官方公布的IE8HACK就是在网页head部分里面添加特定元标记,强制IE8像IE7一样呈现网页。

  1. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/> 
  2.  

以下示例显示了以每个页面为基础的情况下此IE7兼容性模式标记的用法:

以下是代码片段:

  1. <html> 
  2. <head> 
  3. <!--UseIE7mode--> 
  4. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/> 
  5. <title>MyWebPage</title> 
  6. </head> 
  7. <body> 
  8. <p>Contentgoeshere.</p> 
  9. </body> 
  10. </html> 
  11. /*/*cssstyle*/只被ie8识别  
  12.  

【编辑推荐】

  1. IE6、IE7、IE8三大浏览器兼容性对比
  2. 解决IE7和IE8兼容性问题
  3. 网页排版中IE6,IE7,Firefox浏览器兼容性写法
  4. CSS属性display:inline-block使用揭秘
  5. Firefox、IE7、IE6浏览器兼容问题概念解析

 


 

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

2010-08-17 15:26:38

IE7IE8CSS兼容性

2010-08-20 11:01:10

IE7IE8CSS

2010-08-17 15:38:49

CSS兼容IE7IE8

2010-09-16 13:33:47

IE6IE7IE8

2010-09-15 10:14:19

IE7IE8兼容CSS

2010-08-17 15:33:28

CSS兼容IE7IE8

2010-09-08 16:59:48

CSS兼容IE7IE8

2010-08-19 09:24:20

CSS兼容IE7IE8

2010-08-17 15:07:48

IE6IE7IE8

2010-08-20 09:25:11

IE6IE7IE8

2010-08-20 09:33:22

IE6IE7IE8

2010-08-18 10:24:51

IE6IE7IE8

2010-09-15 10:19:12

IE6IE7IE8

2010-08-20 13:15:54

IE6IE7IE8

2010-09-16 13:17:31

IE6IE7IE8

2010-09-15 10:32:54

IE8兼容

2010-08-30 09:35:35

IE6IE7Firefox

2011-06-03 15:41:27

CSS HACK

2010-08-18 15:57:14

IE6IE7IE8

2010-09-15 11:08:48

CSSIE6IE7
点赞
收藏

51CTO技术栈公众号