Почему фон останавливается после первой страницы, когда моей странице нужна вертикальная полоса прокрутки? - PullRequest
Новая
       0

Почему фон останавливается после первой страницы, когда моей странице нужна вертикальная полоса прокрутки?

1 голос
/ 01 февраля 2011

Я пытался использовать jquery, чтобы скрыть фон моего тела. Узнав, что это было невозможно (верно?), Я переместил фоновое изображение в div, чтобы я смог его исчезнуть. 

 <body>
<div id="background">
</div> ...

Sinde Я не хочу, чтобы мой контент исчезал, я держал его отдельно (не содержащим) и ударил по нему 'position: absolute'. Это прекрасно работает, когда моя страница просматривается без вертикальной прокрутки. Это CSS, который находится на div "background": 

#background {
 position:absolute;
 height:100%;
 width:100%;
 background-image:url('bin/achtergrond.png');
 background-position:center bottom;
 z-index:-1;
}

Итак, проблема в том, что когда я нажимаю Ctrl + Zoom или уменьшаю окно или вижу его на маленьком экране, мой фон не продолжается после прокрутки. Я понимаю, почему это происходит (потому что позиция: absolute не позволяет ему взаимодействовать с контентом, и он не знает, насколько все это высоко, , но я не знаю, как это исправить.

Вы можете поиграть с ним здесь: http://demensentuin.be/indexgeheim.php

Ctrl + прокрутка для увеличения, прокрутка вниз: сбой фона: (

Спасибо!

1 Ответ

1 голос
/ 01 февраля 2011

Вместо того, чтобы устанавливать высоту и ширину, установите координаты и установите фиксированное положение. 

#background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

Это должно позволить ему оставаться на месте при прокрутке контента,также всегда покрывать весь видовой экран.

...