Question

顶部背景图像在IE7中不重复或显示全高。它适用于Firefox和Chrome。

主页：

.home-top{
  background: url('../images/top-home-bg.gif');
  float:left;
  width:100%;
  text-align:center;
  height:180px;
}

在home-top中，有一个backgorund图像，它不显示在顶部的第二个分隔符后面。

Answer 1

添加有效的doctype作为HTML的第一行：

<!DOCTYPE html>

如果没有这个，您的网页会在Quirks Mode中呈现，causes各种problems - 特别是在IE中。

Answer 2

您需要设置＆＃39;位置＆＃39;并且重复＆＃39;图像的值：

background-image:url(...);
background-position: 0 0;
background-repeat: repeat-x;

您也可以在单一背景中设置此项＆＃39;声明如果你愿意。

Answer 3

也许问题是因为你有一个静态高度

图像大小是什么？

更改并尝试

background-repeat: repeat-x;