Passer au contenu

🎉 Material UI v5 is out now! Check out the announcement blog post

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.

Ces valeurs commencent à un nombre arbitraire, élevé et suffisamment spécifique pour idéalement éviter les conflits.

  • mobile stepper: 1000
  • speed dial: 1050
  • app bar: 1100
  • drawer: 1200
  • modal: 1300
  • snackbar: 1400
  • tooltip: 1500

Ces valeurs peuvent être personnalisées. 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.