flatbubba
12/11/2017 - 8:08 AM

CSS Stacking Order

css-stacking-order.css
content_copyfile_download
/*
NATURAL STACKING ORDER

1. The root element (<html>)
2. The viewport (<body>)
3. Block level elements in the normal page flow
4. Floated elements, not positioned
5. Inline descendant elements in the normal flow
6. Positioned elements

Elements that come EARLIER in the html are stacked BELOW later elements

z-index: 10; //only works for elements that have POSITION set