На страницах возможно не только горизонтальное позицирование элементов но и порядок в каком элементы будут перекрывать друг друга тем самым имитируя "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 |