Как заставить фон повторяться и начинать ниже?

Question

Я постоянно работаю над этой страницей , и я пытаюсь заставить фон повторяться с определенной высоты, но безрезультатно. Если вы посмотрите на фон ссылки (нижняя область); вы увидите, что он оставляет там уродливое пространство, что уродливо. 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;

}