当前位置: 首页 >快乐分享>html问题>微软官方推荐IE7 IE8 CSS兼容性终极解决方案

微软官方推荐IE7 IE8 CSS兼容性终极解决方案

你对微软官方推荐的IE7 IE8 CSS兼容性终极解决方案是否了解,这里和大家分享一下,所有的网页制作者都希望自己做出了的网页可以完美的兼容所有主流的浏览器,包括IE6,IE7,IE8,Firefox,Opera,Safari,Chrome等等!

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"/>
  ————————————————————————————————————————

以下示例显示了以每个页面为基础的情况下此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识别
   ——————————————————————————————————————————

来源:http://www.189works.com/article-60837-1.html

html问题

乐其
www.leqii.com