Question

我正在努力工作page，我试图让背景重复从某个高度重复，但无济于事。如果你看一下链接的背景（底部区域）;你会看到它留下了一个丑陋的空间，这是丑陋的。 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

我无法知道这会让重复跳过一些像素。如果我是你，我会拆分他们，所以身体的背景图像将是现在没有顶部的大部分。然后我会用这些设置在顶部添加一个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 
}

Answer 2

经过一些数学思考和实验，下面的代码行完成了魔术。我还必须注意用-1530px切断它的位置。确保使用与body标签相同的背景。

html {

    background: url(images/bg.png) repeat 0px -1530px;

}

你如何让背景重复开始降低？

2 个答案: