Создание и продвижение сайтов, дизайн, фирменный стиль

Отдел продаж

(495) 647-96-78 icq 442475136

Служба поддержки

(495) 724-48-28 icq 6046800
17.02.2011

РАСТЯНУТЬ ФОН НА ВЕСЬ ЭКРАН С ПОМОЩЬЮ css

Растянуть фон на весь экран css

Встала задача растянуть фон на весь экран.

Несколько вариантов реализации:

1. запрашиваем картинку необходимого размера с сервера (background-image: url(image.php?width=ваша_ширина&height=в
аша_высота), а параметры подставляем жава скриптом.

2. использовать background-size из CSS3. :)

3. эмулируем фоновую картинку, следующим образом.

<html>
<head>
<style type="text/css">
html, body {
margin: 0px;
height: 100%;
}
#background {
position: absolute;
width: 100%;
height: 100%;
}
#body {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
</style>
</head>
<body>
<img id="background" src="my_background.gif" />

<div id="body">
Здесь содержимое страницы
</div>
</body>
</html>


Смотрите также:
03.02.2016
12.01.2016
17.06.2015