Извините, я не был ясно с моей стороны. Я хочу, чтобы изображение отображалось внизу страницы, а не в окне просмотра и в верхней части страницы, а не в окне просмотра. Спасибо за помощь, хотя.
отал с решением для хранения изображений на нижней странице. Код, который я сейчас получил:
.footer {
background-image: url('images/footer.png');
background-repeat: repeat-x;
position: absolute;
height: 950px;
width: 100%;
z-index: -101;
bottom: 0;
}
Однако это имеет проблемы. Я стремлюсь к фону, который прилипает к нижней части и отображается позади всего остального (отсюда и низкий z-индекс). У меня есть следующий код для верхней части (есть середина, это просто цвет блока, и только что добавлен в тело):
.background {
position: absolute;
top: 0;
width: 100%;
height: 600px;
background-image: url('images/sky.png');
background-position: center;
background-repeat: repeat-x;
z-index: -100;
}
Обратите внимание: первая часть не работает (она не внизу), но вторая часть работает (она вверху).
Если вы хотите посетить сайт, не стесняйтесь: www.duffydesigns.co.uk/brough (Пожалуйста, не выносите суждения, это незавершенная работа, ничего по-настоящему не закончено!).
Спасибо за помощь,
Джозеф Даффи
Примечание: как я уверен, вы можете понять, верхняя часть - это небо, нижняя - трава и деревья.