Самоучитель по креативному веб-дизайну. Книга 2, стр.22



Третья размерность, контролируемая с помощью свойства z-index, представляет собой указание по размещению элемента страницы по оси, перпендикулярной плоскости страницы. Чем меньше значение свойства z-index, тем ближе эле — мент к поверхности страницы. И, соответственно, чем больше значение свойства

z-index, тем дальше находится слой элемента от поверхности страницы. Таким образом, если в HTML-код из предыдущего примера добавить следующие объяв- ления свойства z-index, Web-браузер будет выводить на экран заголовок уровня

2 поверх заголовка уровня 1, как показано на рис. 4.25.

background-color:yellow; border:solid 2px; font-size:25pt»> Текст заголовка уровня-2 text



style=»position:absolute; top:100px; left:50px; z-index:1;

background-color.-yellow; border:solid 2px; font-size:35pt»> Текст заголовка уровня-1 text

Значение свойства z-index для первого элемента больше, чем для второго. Как результат Web-браузер будет выводить на экран первый элемент (заголовок уровня 2) на слое поверх второго элемента (заголовка уровня 1).



ПРИМЕЧАНИЕ Несмотря на то что значения свойства z-inde x могут быть отрицатель — ными, равными нулю или положительными, используйте только ноль и положительные значе — ния. Некоторые версии Web-браузеров неправильно позиционируют элементы с отрицатель- ными значениями свойства z-inde x (поверх элементов с положительными значениями). Помните, что значение свойства z-inde x представляет собой относительное измерение. Таким образом, один элемент страницы можно поместить за другим за счет указания мень — шего (и не обязательно отрицательного) значения z-index.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.75
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 054
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 157
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 062
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.32
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.82
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 020
  • 02.04.2012">Хакеры LulzSec Reborn рассказали о планах на будущее
  • 05.03.2011">Руководство по actionscript. часть 4, стр. 155
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 049
  • 21.03.2010">Интересные заметки за февраль
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 069
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.79
  • 28.08.2011">Занимайся спортом стар и млад!
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.136
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...