如何移除IE 8与IE 7中HTML/Body的边框（IE 5已生效）

嘿，我之前也跟你一样被IE7和8的这个顽固边框坑过！你已经用了border: 0搞定了其他IE版本，但这俩老顽固确实有自己的小脾气，咱们试试这几个针对性的方案：

• 添加outline: none属性：IE7/8有时候会把页面默认的轮廓样式当成边框显示，给html和body加上这个属性就能覆盖掉：

  html, body {
    border: 0;
    outline: none; /* 针对IE7/8的轮廓问题 */
    height: 100%;
    margin: 0;
    overflow: auto;
  }
  

• 用IE条件注释强制覆盖样式：如果上面的方法还不行，咱们给IE7/8单独写优先级更高的样式，利用条件注释精准命中这两个版本：

  <!--[if lte IE 8]>
  <style>
    html, body {
      border: none !important;
      outline: none !important;
    }
  </style>
  <![endif]-->
  

  !important会强制让这个样式优先级最高，能压过IE老版本可能存在的默认样式继承。

• 检查是否有全局重置样式遗漏：有时候一些老的全局重置样式会忽略IE7/8的特殊情况，你可以确认一下有没有其他样式规则意外给html或body加了边框，比如某些通配符选择器（*）的样式冲突。

这些方法应该能搞定IE7/8的边框问题，我之前处理老项目兼容性的时候亲测有效～

内容的提问来源于stack exchange，提问作者user7393973