2014-08-31 8 views
2

Im, помещая коробку, используя jQuery (показать) вверху страницы. Я хочу, чтобы вся страница двигалась вниз, когда она показывалась, даже фоновое изображение тела, размер которого настроен таким образом, чтобы быть отзывчивым. Так как div помещается внутри тега тела, фоновое изображение не помещается под ящиком.Как положить div вне тела?

Как я могу сделать фоновое изображение относительно, чтобы оно было нажато вниз, когда отображается окно?

body{ 
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size: 14px; 
line-height: 1.42857143; 
color: #333; 
background-color: #fff; 
background-repeat: no-repeat; 
background-image: url(../images/SELFIE-first.jpg); 
background-size: contain; 
background-position: top; 
} 
+0

У вас есть обертка div какой-то? Примените фон к div, который обертывает ваш контент. Затем этот div может быть сдвинут вниз с учетом фона. – misterManSam

+0

Спасибо большое! –

ответ

3

Вы не можете положить что-то вне метки <body>.

Вам необходимо создать контейнер div со всем содержимым и поместить фон в этот div. Тогда ваш jquery-ящик можно разместить над ним.

Смежные вопросы