Quick Tip: z-index

There are times when using z-index, it doesn’t always appear to work the way we’d like to.

So to define z-index, “it is the attribute that lets you adjust the order of the layering of objects when rendering content.”Mozilla Developer Network.

According to Angelina Fabbro: CSS In Your Pocket – Mobile CSS Tips From The Trenches (video), we should “set z-index to the body element to properly stack elements”, for example:

body{
z-index: 0;
}

element{
z-index: 1
}

How have you used z-index in your projects?