Перейти к контенту

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.


Density
Была ли эта страница полезной?
Глобальная настройка
Спасибо за отзыв!

Пожалуйста, расскажите, как мы можем улучшить эту страницу.