Фон на всю страницу (html, css)

Иногда бывает что необходимо использовать фон на всю страницу. В основном такое решение используется при создание персональных сайтов, касающийся одного человека. К примеру сайты шоуменов, экстрадных звезд, моделей. Если вы решили использовать фон на всю страницу очень важно чтобы картинка подстраивалась под разрешение экрана (имеется ввиду чтобы не искажались пропорции изображения) . Я предлагаю следующее решение


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Фон на всю страницу</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<style type="text/css">
#bg {
    position:fixed;
    left:0;
    top:0;
    min-height:100%;
    min-width:100%;
    z-index:-1;
}
.zagolovok{
	float:left;
	font-size:30px;
	margin:20px 0 0 30px;
	font-family:Tahoma;
	color:#fff;
}
</style>
<body>
<div><img id="bg" src="images.jpg" alt="" title="" /></div>
<div class="zagolovok">Мой сайт</div>
</body>
</html>

Результат

Фон страницы

Скачать пример

comments powered by HyperComments