z-index
z-index is the CSS property that helps control layout by providing a third axis to arrange content.
Several Material-UI components utilize z-index, employing a default z-index scale in Material-UI that has been designed to properly layer drawers, modals, snackbars, tooltips, and more.
Отсчет значений z-index начинается от некоего произвольного числа, достаточно высокого и специфичного, чтобы в идеале избежать конфликтов:
- mobile stepper: 1000
- speed dial: 1050
- app bar: 1100
- drawer: 1200
- modal: 1300
- snackbar: 1400
- tooltip: 1500
Эти значения всегда можно изменить. Customization of individual values is discouraged; should you change one, you likely need to change them all. You will find them in the theme under the zIndex key of the theme.