Похоже, имеется в виду "резиновый" фон. Как "растянуть" обои на десктопе.
Даже не знаю. Искомое удалось получить лишь в 7-й опере и Мозиле (и в полной, и в лисе). ИЕ упорно не хотел фиксировать фон на месте, а в 6-й опере он вообще в другую сторону поехал. Хотя везде был размером с окно.
Видимо, придётся ограничиться background-* чтобы просто зафиксировать картинку средних размеров в нужном месте.
Даже не знаю. Искомое удалось получить лишь в 7-й опере и Мозиле (и в полной, и в лисе). ИЕ упорно не хотел фиксировать фон на месте, а в 6-й опере он вообще в другую сторону поехал. Хотя везде был размером с окно.
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Fon :)</title>
<style type="text/css">
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
color: #000000;
background: #FFFFFF;
margin: 0px;
padding: 0px;
}
div.pil {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
z-index: 2;
}
div.pilt {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: auto;
margin: 20px;
padding: 20px;
z-index: 3;
}
img.pili {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
z-index: 1;
}
</style></head>
<body>
<div class="pil"><img class="pili" src="Bg.gif" alt="Fon"></div>
<div class="pilt">
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
<p>Text Text<br>Text Text</p>
</div>
</body>
</html>
Код:
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50% 50%;
