Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 28.02.2011">Руководство по actionscript. часть 5, стр. 135
  • 17.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.7
  • 19.04.2012">Марк Цукерберг договорился о покупке Instagram за $1 млрд вместо $2 млрд
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 111
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.58
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 114
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.107
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 095
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 066
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.18
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 072
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 030
  • 16.07.2010">Простые способы улучшить сайт
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 079
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.118
Опрос

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

View Results

Loading ... Loading ...