Некоторые преимущества использования z-index в веб-разработке:

• Контроль порядка наложения слоёв. 2 Z-index позволяет управлять расположением элементов в документе. 2 Чем больше значение z-index, тем выше будет элемент. 3
• Создание сложных форм и компонентов пользовательского интерфейса. 2 Часто элементы накладывают друг на друга, увеличивая значения z-index. 2
• Использование отрицательных значений z-index. 2 Это полезно, например, при расположении псевдоэлементов за содержимым их родительского элемента. 2

Некоторые недостатки использования z-index в веб-разработке:

• Ограничения в работе. 35 Z-index действует только с элементами, для которых свойство position установлено в absolute, fixed или relative. 35
• Невозможность произвольно управлять элементами в разных контекстах. 4 Если разработчик находится в «низком» контексте, то не может сделать элемент этого контекста выше элемента более «высокого» контекста. 4
• Возможны конфликты при использовании фреймворков и библиотек. 1 Значения z-index, заданные разработчиком, должны сочетаться с правилами выбранного фреймворка. 1
• Некорректная реализация в некоторых браузерах. 3 Например, в IE6, IE7 и FireFox 2 встречается неверная реализация свойства z-index. 3