Создание фонового изображения по всем страницам?

Question

На моем веб-сайте у меня есть дилемма. (This website). На домашней странице фон находится на всей странице (это то, что я хочу), где на странице контакта это не так. Я сделал это прозрачным, используя:

#siteWrapper{ 
    background-color: rgba(0,0,0,0) 
} 

Однако это только превращает его в черный цвет? На заголовке страницы есть изображение, но не на фоне тела? Я могу сделать это наоборот, так что тело имеет изображение и заголовок не (как это):

#siteWrapper{ 
    background-image: url("http://static.squarespace.com/static/545d45afe4b08eea0ac65e7a/t/54612b8ae4b0ca233d43bdee/141565 4282657/Website%20Background%20Trees.png"); 
    background-repeat: no-repeat; 
    background-size: 100%; 
}  

Однако я хотел бы, чтобы изображение покрывает все страницы (заголовок и тело фон) - Благодаря

Сложение

Я пытался использовать background-size: cover;, однако, что только покрыл колонтитул, а не заголовок (а также растянутое изображение).

Answer 1

В вашем нижнем колонтитуле нет ничего, поэтому вы можете просто избавиться от нижнего колонтитула вместе, чтобы изображение занимало 100% страницы с вашим кодом выше.

Answer 2

Вы можете поместить фоновое изображение на свой элемент body и установить background-size:100% и удалить его как фоновое изображение из других элементов, которые он включен. Это будет работать на всех страницах по всему сайту.