Layers determine the z-index of an element. Most scenarios should suffice with just using these classes.
Class | z-index | Purpose |
---|---|---|
.sme-layer-dialog | 900 | Use for Dialog component stack. |
.sme-layer-flyout | 700 | Use for all other flyout elements. |
.sme-layer-nav | 500 | Use for navigational elements. (menus) |
.sme-layer-over | 300 | Use for elements that need to be raised more out of the normal flow. |
.sme-layer-above | 100 | Use for elements that need to be raised out of the normal flow. |
.sme-layer-neutral | 1 | Common z-index value for elements that need to be above baseline. |
.sme-layer-default | 0 | Default browser element z-index (baseline). |
.sme-layer-below | -1 | Use for elements that need to live below the normal flow of the document. |
.sme-layer-buried | -2 | Reserved for lowest elements in the stack |