html - 在 css 中，如何让一行仅在 IE6 或 IE7 下执行

Question

我有这个代码:

#left-nav #left{
  width:100px;
  height: 99px;
  float:left;
  border-bottom: 1px solid #344a53;
  margin-top:-1px;
}

如果不是 IE7 或 IE8，我希望只能执行 margin-top:-1px。还有人知道跨浏览器兼容性的这个问题吗？我必须在另一个 div 中并排放置 div，但由于某些原因在 chrome firefox 和 IE8 中，我必须使用 margin-top: -1px 因为顶部的 div 向下 1 个像素。

例子:

<div id="header"></div>
<div id="container">
<div id="left"></div>
<div id="right"></div>
</div>

由于某种原因，左右 div 距离标题有 1 个像素，但容器仍然完美地接触它。

Answer 1

快速简便的方法是使用 IE 条件。

<!--[if IE 6]>
 <link type="text/css" rel="stylesheet" href="/ie6.css" />
<![endif]-->

你也可以使用类似的东西

<!--[if IE lte 7]>

如果 IE 是版本 7 或更低。

参见 http://www.quirksmode.org/css/condcom.html了解更多信息