Свойство z-index в CSS3 указывает порядок отображения элементов при наложении друг на друга. Поверх остальных отображается блок у которого свойство z-index больше.
/* синтаксис
z-index: число | auto | inherit */
div { /* чем больше число, тем «выше» элемент по z-оси */
position: relative;
z-index: 100;
}
div { /* эквивалентно z-index: 0, браузер автоматически определяет какой из элементов отобразить поверх другого при наложении */
position: relative;
z-index: auto;
}
div { /* наследует значение от родителя */
position: relative;
z-index: inherit;
}