Sometimes interface designs may call for elements to be stacked on top of each other. While many elements already do this naturally, we are able to control the stacking order using a combination of the position and z-index properties. In this screencast we’ll take a look at the default stacking order of the document, what a stacking context is and how they interact with each other, how z-index controls layer order within stacking contexts and a great method for standardizing z-index across a project.