IZONE - http://www.izcity.com/ - бесплатный софт, вэб-сервисы, ресурсы для раскрутки, свежие номера журнала "Internet Zone".

Основы CSS. Неподвижный фон

В BODY прописываем фоновый рисунок:

BACKGROUND="000.gif" BGPROPERTIES=FIXED

Вот и все, и все дела! Только учтите — в "Нетскейпе" фоновый рисунок будет скроллироваться! Эффект, конечно, так себе — с первого взгляда. Но если немножко поразмыслить, можно найти интересное и полезное применение. В некоторых ситуациях неподвижный фон может сыграть свою роль. :)) Например, неподвижный фоновый рисунок будет неплохо смотреться в сочетании с движущимися слоями, изготовленными с применением DHTML и JavaScript.
Конечно, нечто подобное можно сделать и для Нетскейпа, но для создания подобного эффекта в этом случае придется создавать неподвижный слой для фона и фоновых изображений и скроллируемые слои для всего остального. Это, конечно, сложно. Но возможно. :))

Дополнение

background-image: url("fon1.jpg"); background-repeat: no-repeat; background-position: 0% 0%; background-attachment: fixed;

Так это прописывается в описании стилей. Первое— используемый рисунок, второе— "размножение" фонового рисунка, третье— позиция рисунка по вертикали и горизонтали в процентах окна броузера, четвертое— "поведение" рисунка— фиксируется.

Все это идеально работает и в Эксплорерах и в Нетскейпе 6, в Опера 5, говорят, бывают проблемы, но сам я пока с ними не сталкивался.

Источник: A-design studio http://mtk.on.ufanet.ru

 


Copyright © "Internet Zone"info@izcity.com
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас.