Установка HTML фиксированного во весь экран фона страницы
Logo Runettex_team_ESQ Эластичный тип макета - expandable elastic . mod. 25.09.2011 .
Practical realization of type of a breadboard model expandable elastic .
IE 9 google
mod . 20.11.2011

Установка HTML фиксированного во весь экран изображения фона страницы .

Установка HTML фиксированного во весь экран изображения фона страницы .

Установка изображения в качестве фиксированного изображения ( в примере http://www.runettex.clan.su/FPC/fon.jpg ) , заключается в установке фрагмента HTML образующего первый , фиксированный слой для изображения фона . Так же этот фрагмент образует первую часть второго слоя расчитанного на размещение шаблона страницы . Так же необходимо прописать Doctype в общих настройках сайта ....

Данный фрагмент устанавливается в шаблон страницы непосредственно после тега <body>
<div class="xEsQ"><div class="dEsQ">
<img alt="" src="http://www.runettex.clan.su/FPC/fon.jpg" style="width: 100%; height: 100%">
</div></div>

<div style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 2; height: 100%;">
Далее вставляется остальной шаблон страницы , то что находится в шаблоне страницы между тегами <body> и </body>

Перед закрывающим тегом </body> шаблона страницы прописывается закрывающий тег
</div>
CSS HTML фиксированного во весь экран изображения фона страницы прописывается в CSS таблицу сайта . На этом установку фиксированного во весь экран изображения фона страницы можно считать завершенной . В качестве фиксированного фона может так же применяться Flash или jQuery ротатор изображений или Javascript смены изображений , для создания динамичного фона страницы сайта , вставляемых вместо ссылки изображения .

Как вариант , строка HTML фиксированного во весь экран изображения фона страницы
<div style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 2; height: 100%;">
Может быть написана и так
<div style="position: relative; top: 0px; left: 0px; width: 100%; z-index: 2; height: 100%;">

CSS фиксированного во весь экран изображения фона страницы

.dEsQ {z-index: 1; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
div > div.dEsQ {position: fixed;}
.xEsQ {position: absolute; width: 100%; top: 0px; height: 100%; left: 0px;}



Non-Commercial Use: Free Runettex_team_ESQ © 2009 - 2024 Хостинг от uCoz