IE8不兼容你的网页 怎么办? - 简单开启兼容模式

 点击在新窗口中浏览此图片自从用了IE8 整个世界都变了形.

  呵呵,问题没那么严重,如果你的网站还来不及修改以适合IE8访问的时候,咱们可以通过非常简单的方法,加几行代码就可以让访问的IE8自动调用IE7的渲染模式[/b],这样可以保证最大的兼容性,方法如下:

  只需要在页面中加入如下HTTP meta-tag:

  meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

  .csharpcode, .csharpcode pre

  {

    font-size: small;

    color: black;

    font-family: consolas, "Courier New", courier, monospace;

    background-color: #ffffff;

    /*white-space: pre;*/

  }

  .csharpcode pre { margin: 0em; }

  .csharpcode .rem { color: #008000; }

  .csharpcode .kwrd { color: #0000ff; }

  .csharpcode .str { color: #006080; }

  .csharpcode .op { color: #0000c0; }

  .csharpcode .preproc { color: #cc6633; }

  .csharpcode .asp { background-color: #ffff00; }

  .csharpcode .html { color: #800000; }

  .csharpcode .attr { color: #ff0000; }

  .csharpcode .alt

  {

    background-color: #f4f4f4;

    width: 100%;

    margin: 0em;

  }

  .csharpcode .lnum { color: #606060; }

  只要IE8一读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示.

  还有一种方法是针对整个网站的,在IIS中加入如下描述符就可以有相同的效果,当然这么做范围更广.

  xml version="1.0" encoding="utf-8"?>

  configuration>

  system.webServer>

  httpProtocol>

  customHeaders>

  add name="X-UA-Compatible" value="IE=EmulateIE7">

  customHeaders>

  httpProtocol>

  system.webServer>

  configuration>

  .csharpcode, .csharpcode pre

  {

    font-size: small;

    color: black;

    font-family: consolas, "Courier New", courier, monospace;

    background-color: #ffffff;

    /*white-space: pre;*/

  }

  .csharpcode pre { margin: 0em; }

  .csharpcode .rem { color: #008000; }

  .csharpcode .kwrd { color: #0000ff; }

  .csharpcode .str { color: #006080; }

  .csharpcode .op { color: #0000c0; }

  .csharpcode .preproc { color: #cc6633; }

  .csharpcode .asp { background-color: #ffff00; }

  .csharpcode .html { color: #800000; }

  .csharpcode .attr { color: #ff0000; }

  .csharpcode .alt

  {

    background-color: #f4f4f4;

    width: 100%;

    margin: 0em;

  }

  .csharpcode .lnum { color: #606060; }

  或者你还可以使用IIS admin tool来定义,更为简单.

  .csharpcode, .csharpcode pre

  {

    font-size: small;

    color: black;

    font-family: consolas, "Courier New", courier, monospace;

    background-color: #ffffff;

    /*white-space: pre;*/

  }

  .csharpcode pre { margin: 0em; }

  .csharpcode .rem { color: #008000; }

  .csharpcode .kwrd { color: #0000ff; }

  .csharpcode .str { color: #006080; }

  .csharpcode .op { color: #0000c0; }

  .csharpcode .preproc { color: #cc6633; }

  .csharpcode .asp { background-color: #ffff00; }

  .csharpcode .html { color: #800000; }

  .csharpcode .attr { color: #ff0000; }

  .csharpcode .alt

  {

    background-color: #f4f4f4;

    width: 100%;

    margin: 0em;

  }

  .csharpcode .lnum { color: #606060; }

转自狂人之家
posted @ 2008-08-30 15:40  小鸡炖蘑菇  阅读(663)  评论(4编辑  收藏  举报