Z-Index

List of Z-Index Utility Classes included with Canvas.

Classes

Class Description
.z-*

Sets the z-index for an Element

Value
  • .z-1 - Sets the z-index of 1 on the Element
  • .z-2 - Sets the z-index of 2 on the Element
  • .z-3 - Sets the z-index of 3 on the Element
  • .z-4 - Sets the z-index of 4 on the Element
  • .z-5 - Sets the z-index of 5 on the Element
  • .z-6 - Sets the z-index of 6 on the Element
  • .z-7 - Sets the z-index of 7 on the Element
  • .z-8 - Sets the z-index of 8 on the Element
  • .z-9 - Sets the z-index of 9 on the Element
  • .z-10 - Sets the z-index of 10 on the Element

Ex:

<div class="position-relative">
	<div>
		...
	</div>
	<div class="position-absolute z-1">
		...
	</div>
</div>

Last Modified: December 23, 2020