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?
Adeline Yaw - Happiness Engineer @ Automattic 