Question

因此，令人惊讶的是，Internet Explorer正在推出更多有关div定位的问题。我对无表格的网站并不是非常精通，所以也许这是我不知道的愚蠢。

我在相对定位的几个div图层上放置一个大图像。我也使用top：-170px;将图像拉到我需要的位置。它在Firefox中完美运行，但在IE中它不会调整其下方蓝色条的位置来解释负顶部定位。

如果我没有意义，你可以看看实时开发网站：

http://www.suncastmedia.com/clients/ezbook/

如果你同时查看firefox和IE，你会明白我的意思。这是我对这些特定div的CSS。

#red-box {
  width: 100%;
  height: 343px;
  background: url('../images/bg-red.png') top left repeat-x;
  text-align: left;
}

#red-box-text {
  position: relative;
  left: 70px;
  top: 45px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  font-family: helvetica;
  width: 451px;
}

#spacer {
  width: 100%;
  height: 8px;
}

#blue-box {
  width: 100%;
  height: 29px;
  background: url('../images/bg-blue.png') top left repeat-x;
}

#pic-globe {
  position: relative;
  top: -170px;
  left: 52%;
  background: url('../images/pic-globe.png') top left no-repeat;
  width: 506px;
  height: 471px;
}

非常感谢任何帮助。今晚我需要修好这个问题，所以任何能帮我解决的人都会尽快修好，我很乐意为啤酒或其他东西捐钱;）

Answer 1

您可以切换＃pic-globe和＃red-box-text，然后将＃pic-globe浮动到右边。通常，如果您使用巨大的负边距，可能会有更简单的方法。

相对定位的CSS div在IE中无法正常工作（惊喜）

1 个答案: