• Авторизация


3-е измерение в постах 03-08-2009 01:11 к комментариям - к полной версии - понравилось!


На страницах возможно не только горизонтальное позицирование элементов но и порядок в каком элементы будут перекрывать друг друга тем самым имитируя "3-е измерение"

Пример с тремя слоями

Вот что получим

Первый слой
Второй слой
Третий слой

Обратите внимание на 2 момента. position: relative указывает на то что положение элемента будет задаваться относительно его нормального положения, z-index: - указывает порядок, в каком элементы будут накладыватся друг на друга. Чем больше значение z-index тем "выше" располагается элемент

Если поменять значения z-index то порядок в котором элементы будут выводится будет другим

Теперь первый слов будет самым верхним, а третий слой - нижним

Первый слой
Второй слой
Третий слой

То же самое можно проделать не только с текстом, но и, например, с таблицами. В этом примере в первой таблице z-index: 2, а второй теблице z-index: 1;



ячейка 1 ячейка 2
ячейка 1 ячейка 2

В этом примере в первой таблице z-index: 1, а второй теблице z-index: 2;



ячейка 1 ячейка 2
ячейка 1 ячейка 2
вверх^ к полной версии понравилось! в evernote
Комментарии (4):


Комментарии (4): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник 3-е измерение в постах | Великовозрастное_дитя - Дневник Великовозрастное_дитя | Лента друзей Великовозрастное_дитя / Полная версия Добавить в друзья Страницы: раньше»