Archive for the ‘quick tip’ Tag

Quick Tip: z-index

Monday, December 21st, 2015

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?

Posted in CSS | Tagged , , | Leave a comment