z-index in CSS - How to re-order layers in your HTML

The z-index CSS property allows web designers to reorder the default layers that are present in a web page. Usually the layering is ordered according to the sequence that the browser interprets the elements in the HTML code. The default z-index property is zero for all elements but can be changed through CSS. Note that this tutorial also adds some javascript functionality to allow the dynamic changing of the z-index property after the page has loaded into your browser. Final code for this project is available here: https://github.com/qVisible/z-index.git