ZUI — Z-Index

Scale

--z--1-1Behind everything

--z-00Default stacking

--z-11000Dropdowns, tooltips

--z-22000Sticky elements

--z-33000Fixed headers

--z-44000Overlays

--z-55000Modals

--z-66000Popovers

--z-77000Toasts

--z-88000Alerts

--z-99000Top-level UI

--z-important2147483647Maximum (nuclear option)

Usage

.dropdown {
  z-index: var(--z-1);
}

.modal-backdrop {
  z-index: var(--z-4);
}

.modal {
  z-index: var(--z-5);
}

.toast {
  z-index: var(--z-7);
}