2 фона, 1 в верхнем и 1 в нижнем колонтитуле экрана или страницы

Question

2 фона, 1 в верхнем и 1 в нижнем колонтитуле экрана или страницы

0

Я пытаюсь сделать мой сайт с 2 фонов, первый фон в верхней и второй в нижнем колонтитуле, в настоящее время я использую код ниже:

body { 
background: url(images/bgfooter.png) bottom center repeat-x, url(images/bgheader.png) top center repeat-x;
}

этот css работает хорошо, когда страница больше высоты экрана, но у меня есть некоторые страницы с высотой 500 пикселей, и в этих случаях bgfooter не отображается в нижнем колонтитуле,

я хотел бы добавить что-то вроде этого,

body { 
background: url(images/bgfooter.png) bottom center repeat-x, url(images/bgheader.png) top center repeat-x;
min-width: screensize;
}

любой вариант?

Elona 19 фев. 2014, в 19:10

Источник

1

Это кажется невероятно счастливым. Почему бы вам просто не разделить свой сайт на контент и нижний колонтитул с отдельными элементами div и не добавить фон для каждого отдельно?
Josiah 19 фев. 2014, в 17:29
0

пробовал, но после установления абсолютного положения нижнего колонтитула скрывается некоторое содержимое страницы
Elona 19 фев. 2014, в 17:55
0

Ну, это означает, что вы делаете что-то не так. ;) Попробуйте показать, какой код вы пробовали для этого.
Josiah 19 фев. 2014, в 18:05

Показать ещё 1 комментарий

Теги:

html

css

2 ответа

1

Вы можете установить фон dubble в CSS3

background: 
url(number.png) 600px 10px no-repeat,  /* On top,    like z-index: 4; */
url(thingy.png) 10px 10px no-repeat,   /*            like z-index: 3; */
url(Paper-4.png);                      /* On bottom, like z-index: 1; */

Gus de Boer 19 фев. 2014, в 15:11

0

Я использую тот же код, но только в 1 строке
Elona 19 фев. 2014, в 17:54

Ещё вопросы

Это кажется невероятно счастливым. Почему бы вам просто не разделить свой сайт на контент и нижний колонтитул с отдельными элементами div и не добавить фон для каждого отдельно?
пробовал, но после установления абсолютного положения нижнего колонтитула скрывается некоторое содержимое страницы
Ну, это означает, что вы делаете что-то не так. ;) Попробуйте показать, какой код вы пробовали для этого.
Я использую тот же код, но только в 1 строке

wuno · Accepted Answer · 2014-02-19T16-02-00.000Z

Установите фоновое изображение img в тело, а затем установите отдельный фон img для нижнего колонтитула.

body { 
background: url(images/bgheader.png) top center repeat-x;
}

#footer {
background: url(images/bgfooter.png) bottom center repeat-x;
}

Ваш HTML-код

<html>
<body>

<div id="footer">
</div> <!-- END OF FOOTER DIV -->

</body>
</html>

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