css - 你如何让背景重复 y 从低开始？

Question

我目前正在研究这个 page我试图让背景从一定高度重复 y 但无济于事。如果您查看链接的背景(底部区域)；你会看到它在那里留下了一个丑陋的空间，这是丑陋的。 CSS如下所示

body {
    font-family:Calibri;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    background-color: #000;
    background-image: url(images/bg.png);
    background-repeat: repeat -200px 0px;
}

Answer 1

我不知道这会使重复跳过一些像素。如果我是你，我会把它们分开，这样 body 的背景图像就是现在没有顶部的大部分。然后我会使用这些设置在顶部添加一个 div:

<div id="upperpart"></div>

在 CSS 中:

#upperpart{
  background-image: url(whatever it is);
  width:100%;
  height:how high it is
  background-repeat: repeat-x;
  margin-bottom: minus its height; <-- this will make everything below this div get ontop the div 
}