html - IE7 标题错误导航 3px

Question

我的网站标题在大多数浏览器中显示良好，但在 IE7 中进行测试时。

在 IE7 中，您可以看到深蓝色#nav div 应该与浅蓝色标题对齐时突出的行。是否有一个原因？

要在 IE7 中查看，请转到 IE9 > F12 兼容模式

我的标题总体为 109 像素：

#header {
  height: 109px;
  width: 800px;
}

上面徽标的 66 像素高度图像开始，然后是 43 像素高度 div #nav。为什么当 43 + 66 = 109px 时它会突出？

#nav {
  background-color: #0071A7;
  height: 43px;
  position: relative;
  width: 800px;
}

score 0 · Accepted Answer

编辑：

您还可以将图像作为 CSS 背景图像放在#header 中，而不是元素....

一个快速的解决方法是，将 top: -3px 添加到目标 IE7。不是最佳实践。

#nav{
    position: relative;
    *top: -3px;
}

1 回答 1